javascript - child 和 parent 都是事件处理程序。可能的？

Question

我的用户界面是<li><a href='#'>hello</a></li>

锚标记已经有事件处理程序，即click(function(){}) 我想提供另一个单击功能来列出项目，但它不起作用

更新 - 我只想让事件处理程序列出项目而不是锚标记作为父项

请建议我

Answer 1

这是一个例子。如果你有这个 HTML

<li> <a href="#">Hello</a></li>

然后你可以有这个 jquery 处理程序：

       $("li").click(function () {
            alert("li clicked");
        });

        $("li > a").click(function (e) {
            e.preventDefault();
            alert("anchor clicked");
            return false;
        });

请注意，您需要“return false;”。

希望这会有所帮助，-covo

Answer 2

在你的锚标签的点击事件中使用 jQuery 的event.stopPropagation()方法来防止锚事件冒泡。

像这样：

$('your existing anchor selector').click(function(event){
    event.stopPropagation();
    //Your other code
});