javascript - 使用 jquery 将 onClick 事件附加到 anchor 标记？

Question

我正在尝试将 onClick 事件添加到 anchor 标记 ...

以前我有...

<a href="somlink.html" onClick="pageTracker._link(this.href); return false;">

但我试图避免内联 onClick 事件，因为它会干扰另一个脚本..

所以我正在使用 jQuery 尝试以下代码......

<script>
    $(document).ready(function() {
      $('a#tracked').attr('onClick').click(function() {window.onbeforeunload = null;
        pageTracker._link(this.href); 
        return false;
      });
    });
</script>

像这样的 html <a id="tracked" href="something.html">

所以我的问题是这是否可行，如果不行，最好的解决方案是什么？

Answer 1

正确的方法是(对于 jQuery)

$('#tracked').click(function() {
    pageTracker._link($(this).attr('href'));

    return false;
});

这将在任何具有跟踪 ID 的元素上添加一个“onclick”事件。在那里你可以做任何你想做的事。单击事件发生后，第一行将被单击元素的 href 属性传递给 pageTracker。

至于你原来的问题，它不会工作，它会引发未定义的错误。 attr 的工作原理有点不同。参见 documentation .您使用它的方式将返回属性的值，我认为在那种情况下它不是可链接的。如果您想保持原样，它应该如下所示:

$('#tracked').click(function() {
    $(this).attr('onclick', 'pageTracker._link(this.href); return false;');

    return false;
});