执行重定向而不冒泡点击事件

Question

我在 div 中有一个锚元素。我正在听这两个元素的点击事件。当用户单击“a”元素时，我需要防止单击事件冒泡。但我需要保持锚点正常工作：用户必须被重定向到“href”页面：

HTML：

<div id="myDiv">
    <a id="myLink" href="www.website.com">Click me</a>
</div>

JS：

$("#myLink").click(function() {
    // DO SOME STUFF

    return false;   // To prevent bubble
});

// This event handler has to be called only when the user clicked inside the div, but outside the link
$("#myDiv").click(function() {
    // DO SOME STUFF
});

问题是用户没有被重定向到“www.website.com”。如何做到这一点？

Answer 1

您没有正确阻止事件冒泡。

$("#myLink").click(function(e) {


    e.stopPropagation(); // this will prevent bubbling.
});

// This event handler has to be called only when the user clicked inside the div, but outside the link
$("#myDiv").click(function() {
    // DO SOME STUFF
});

您可以在此处阅读有关 event.stopPropagation() 的更多信息：http://api.jquery.com/event.stopPropagation/

如果你想重定向，你必须使用：

window.navigate('url-goes-here');