jquery - 子供のdblclickも、親のdblclickイベントをトリガーする

Question

私はこの中にいくつかのLI要素を持つULを持っているこの奇妙な問題を抱えています...私はULとLIの両方にdblclick（） LI要素をdblclickすると、LIイベントとULイベントの両方がトリガされます。これを避ける方法はありますか？

これは私のコードです：

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

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

Answer 1

dblclickイベントは、DOMツリーまでバブル、そして祖先要素も通知されます。バブリングからイベントを防ぐには、stop propagation of the eventする必要があります。

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

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