javascript - 为页面中的所有 URL 附加 OnMouseOver 事件

Question

我想为页面中的所有 anchor 标记附加 OnMouseOver。但如果任何 anchor 标记已经有 OnMouseOver，即使我不想替换它。我只想在那里添加我的事件处理程序。

如何通过 Javascript 或 JQuery 实现它？

Answer 1

默认行为是添加而不是替换事件，因此只需使用 .mouseover() ，如下所示:

$(function() {
  $('a').mouseover(function() {
    //do something
    alert('My url is: ' + this.href);
  });
});

Give it a try here 。或者也许您正在寻找 .hover() ，例如，如果您有 color plugin 或 jQuery UI 并且您想要为颜色设置动画:

$(function() {
  $('a').hover(function() {
    $(this).animate({ color: '#123456' });
  }, function() {
    $(this).animate({ color: '#000099' });
  });
});

You can give it a try here