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

Question

这是我所经历的 JSFiddle 示例。

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

我试过搞乱停止传播我似乎无法得到任何工作。

以下代码：

 if(event.target == this)

确实在 JSFiddle 上工作，但是因为我试图在自定义小部件中使用此代码，所以this关键字不是指被单击的项目，而是指小部件本身。

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

编辑

jo8691给出了解决方案。我的问题是我停止了点击事件的传播，而不是双击事件。我学到了新东西！（停止单击事件不会停止双击事件，它们比看起来更独立）。

Answer 1

添加：

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

jsFiddle 示例