为页面中的所有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' });
  });
});

你可以在这里尝试一下