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

标签 jquery jquery-ui jquery-events

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

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

我尝试过停止传播,但似乎没有任何效果。

以下代码:

 if(event.target == this)

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

如何阻止点击事件触发家长双击事件?

编辑

The solutionjo8691 给出。我的问题是我正在停止单击事件的传播,而不是双击事件。我学到了新东西! (停止点击事件并不会停止双击事件,它们比看起来更加独立)。

最佳答案

添加:

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

<强> jsFiddle example

关于jquery - 防止子级单击事件触发父级双击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16325944/

相关文章:

javascript - 如何使我自己的 jQuery 对话框像 jQuery UI 对话框一样使用不透明度?

jquery - IE8 的 PreventDefault 替代方案

javascript - 在页面上移动大量 HTML 对象并使用 jQuery 重新绑定(bind)事件

javascript - 事件处理程序中的调用函数

javascript - 如何将两个函数赋予委托(delegate)函数

javascript - 如何在下拉菜单中为事件网页加下划线?

jQuery .append 不适用于断开连接的 DOM 节点数组?

JavaScript 缓动

javascript - 展开/折叠菜单表

javascript - 单击时 Accordion 删除 Div