停止内部事件处理程序( jQuery )冒泡的其他方法

Question

示例代码显示了这里。这是可行的，但我想知道是否有另一种方法可以做到这一点，而不必创建一个事件处理程序来防止在其上执行的消息冒泡，直到它的祖先。

基本上，我希望代码所做的是：span标记不在的任何地方，然后调用p标记的事件处理程序。另一种说法是:无论span标记在哪里，都不要调用p标记的事件处理程序。

我试着做这，但没有成功。当单击span标记时，它仍然会冒泡，这正是我想要防止的。

Answer 1

https://jsfiddle.net/qfjp5oe1/1/

检查鼠标事件的事件目标。如果目标是span，则返回到处理程序之外。

$("div").on('click', "p", function(e){
 if($(e.target).is("span"))return;
 alert("p was clicked"); 
});

Answer 2

jsFiddle演示

$("div").on('click', "p", function(e){
    if(e.target.nodeName != 'SPAN') {
      alert("p was clicked"); 
    }
});

检查在第一个事件处理程序中单击的元素的类型。只有当它是P元素时才显示警报。

编辑：有关jQuery传递给事件处理程序的参数的更多信息：e.currentTarget引用放置事件侦听器的元素(在本例中是p标记)，e.target引用实际单击的元素(单击span时引用span元素，单击p时引用p元素)。