是否可以仅在顶部元素上使用 jQuery.click 触发器？

Question

我正在尝试创建一个站点，用户可以单击任何元素来编辑它的 CSS。 我使用以下内容将点击 function 添加到所有<li> 、 <div>和<ul> 。

$('li,div,ul').click(function () {
    alert(this.id);
});

问题是如果我点击一个<li>元素，那么我会收到该元素及其下方的任何元素的警报。 （所有容器）。

单击时是否可以仅触发顶部元素？

Answer 1

要停止事件传播，您可以在 jQuery 中通过对事件 object 调用stopPropagation方法来执行此操作。

$('li,div,ul').click(function (e) {  
    e.stopPropagation();
    alert(this.id); 
});

Answer 2

我相信你会想使用 stopPropagation(); 在里面点击 function。

Answer 3

在我看来，您正在寻找.stopPropagation() 。 调用 stopPropagation 将阻止事件“冒泡”到父容器。