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

Question

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

我如何通过 Javascript 或 JQuery 实现它？

Answer 1

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

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

在这里尝试一下。或者也许您在 .hover() 之后，例如，如果您有 颜色插件 或 jQuery UI 并且您想要为颜色设置动画：

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

您可以给它在这里尝试一下