防止子单击事件触发父双击事件

Question

Here is a JSFiddle example我正在经历的事情。

理想情况下，如果点击该按钮，则不会触发双击事件，无论点击的速度或频率如何。

我已经尝试过阻止传播我似乎无法开始工作。

以下代码：

 if(event.target == this)

是否可以使用JSFiddle，但是因为我试图在自定义widget中使用此代码，this关键字不会引用被点击的项目，而是引用小部件本身。

如何阻止点击事件触发父母双击事件？

修改

The solution提供了{p> jo8691。我的问题是我停止了click事件的传播，而不是双击事件。我学到了新东西！ （停止点击事件不会停止双击事件，它们看起来比它们看起来更加分离。）

Answer 1

添加：

$('button').on("dblclick", function(event){
    event.stopPropagation();
});

<强> jsFiddle example