jquery - dblclick on child也会在父级上触发dblclick事件

时间:2012-01-06 00:40:19

标签: jquery

我有一个奇怪的问题,其中我有一个带有一些LI元素的UL ..我已经将一个dblclick()事件绑定到UL和LI,当我dblclick LI元素时,LI事件和触发UL事件..有没有办法避免这种情况?

这是我的代码:

    $("ul").dblclick(function () {
        alert("ul clicked");
    });

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

1 个答案:

答案 0 :(得分:3)

dblclick事件冒泡向上生成DOM树,并且还会通知祖先元素。为防止事件冒泡,您需要stop propagation of the event

$("li").dblclick(function (e) {
    alert("li clicked");
    e.stopPropagation();
});

示例:http://jsfiddle.net/HkUQ4/