jQuery：在内容之外双击

Question

我的内容中间有一个宽度为720px的内容。我想，如果人们在该内容之外按下双击以使用jQuery执行功能。

我知道如何处理if double click on the body，但其中包含了内容，所以我想知道如何排除某些div和类。

非常感谢

Answer 1

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

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

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

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

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

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

请参阅event.stopPropagation()文档。

Answer 2

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

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

event.stopPropagation()也有效。

Answer 3

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

http://jsfiddle.net/STchX/