javascript - 如何响应容器的点击事件？

Question

假设我有一个包含 2 个链接的列表项:

<li>
   <a href="foo.htm">Foo</a>
   <a href="bar.htm">Bar</a>
</li>

如果用户点击“Foo”，我想将用户发送到 foo.htm。如果用户点击 <li> 的任何部分或者在“栏”上，我想将用户发送到 bar.htm。我担心是否将点击事件监听器附加到 <li>单击“Foo”会将用户发送到 bar.htm。

Answer 1

你试过使用 event.stopPropagation() 吗

$("a[href='foo.html']").click(function (event) {
    event.stopPropagation()
});