javascript - 如何使 JQuery 事件适用于 2 个类？

Question

<script>
$(function(){
    $('.logger').bind('click',function(){
        alert('we will log that the user shared something');
        return true; //keep going, pretend nothing happened.
    });

    $('.share').bind('click',function(){
        window.open('blah');
        return false; 
    });
});
</script>
<a href="#" class="share logger">Share this</a>

我希望能够同时触发记录器和共享功能。但是现在，只有分享功能被触发。如果我评论共享功能，那么记录器功能就可以正常工作。

我还尝试更改“类”，以便记录器在共享之前。

Answer 1

当您在停止事件传播的事件处理程序中 return false; 时，这就是不触发其他处理程序的原因。如果您只想停止默认操作，请使用 event.preventDefault()。

这article很好地解释了这个概念:

First off, return false is actually doing three very separate things when you call it:

1. event.preventDefault();
2. event.stopPropagation();
3. Stops callback execution and returns immediately when called.

“Wait a minute,” you cry! I only needed to stop the default behavior! I don’t need these other two items… I think.

The only one of those three actions needed to cancel the default behavior is preventDefault(). Unless you mean to actually stop event propagation (bubbling), using return false will greatly increase the brittleness of your code