javascript - 是否可以只在顶部元素上触发 jQuery.click？

Question

我正在尝试创建一个网站，用户可以在其中点击任何元素来编辑它的 CSS。我使用以下代码将点击功能添加到所有 <li> , <div>和 <ul> .

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

问题是如果我点击 <li>元素，然后我会收到该元素及其下方任何元素的警报。 (所有容器)。

是否可以在点击时只触发顶部元素？

Answer 1

您想停止事件传播，您可以在 jQuery 中通过调用 stopPropagation 来完成此操作事件对象上的方法。

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