单击事件复制

Question

我有这个结构

<div>
    <ul>
        <li>...</li>
        <li....
        ...
    </ul>
</div>

和Jquery

$(div).click(function(){...});
$(li).click(function(){....});

现在我的问题是当我点击li时，div点击事件也会触发。单击li时如何设置为仅激活li click事件。

Answer 1

$(div).click(function(){...});
$(li).click(function(ev){ ev.stopPropagation(); /* other code here */ });

使用stopPropagation()

Answer 2

执行以下操作：

$(li).click(function(e) {e.stopPropagation()...})

Answer 3

从li s事件中返回false，这将阻止它冒泡DOM树。

更新，并且为了更好地衡量event.preventDefault()，event是传递给处理函数的第一个参数。

Answer 4

您可以使用event.stopPropagation()之类的

$(li).click(function(event){ event.stopPropagation() });

Answer 5

这将有助于

$(li).click(function(event) {
    event.stopPropagation()
    //you code here
})