如何回应容器的点击事件？

Question

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

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

如果用户点击"Foo",我想将用户发送到foo.htm.如果用户点击<li>或"Bar" 上的任何部分,我想将用户发送到bar.htm.我担心如果我点击一下点击事件监听器<li>,点击"Foo"会将用户发送到bar.htm.

Answer 1

你尝试过使用event.stopPropagation()吗？

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