jQuery：内容之外的 Doubleckick

Question

我的内容在主体中间宽度为 720px。我希望，如果人们在该内容之外双击鼠标即可使用 jQuery 执行功能。

我知道如何如果双击正文，但这也包括内容，所以我想知道如何排除一些 div 和类。

多谢

Answer 1

只需停止 dblclick 事件从内容到文档其余部分的传播：

$('#content').dblclick(function(event) {
    event.stopPropagation();
});

这样，#content 元素上的任何双击事件都不会被其父元素接收。

因此，以下处理程序将不会接收双击内容元素的 dbclick 事件：

$(document).dblclick(function() {
    // ....
});

在此处尝试： http://jsfiddle.net /E4tZQ/

请参阅 event.stopPropagation() 文档。

Answer 2

您需要一种方法来测试双击，并在单击内容 div 时停止传播：

http://jsfiddle .net/STchX/

Answer 3

您可以将另一个双击处理程序设置为内容容器（720px）
其中有 event.preventDefault() 并返回 false;

$('#myContentDiv').bind('dblclick', function(event) {
  event.preventDefault();
  return false; 
});

< a href="http://api.jquery.com/event.stopPropagation/" rel="nofollow">event.stopPropagation() 也可以。