javascript - 我们如何检测元素外的双击？

Question

我有这个功能:

this.div.click( function(e) {
   ...
});

我想听听这个元素之外的双击。我知道我们可以使用 blur() 在元素外部进行点击。但我只想处理双击事件。执行此操作的最佳方法是什么？

Answer 1

您可以使用 .dblclick()事件在 body 级别监听双击，然后使用它的 target 属性和 .contains()查看点击是否发生在 div 中。

像这样:

// div to check if dbl click did _not_ originate from
var mydiv = jQuery("#mydiv").get(0);

// listen to body for double clicks
$("body").dblclick(function(e) {
  // if click target does not fall within #mydiv
  if (mydiv !== e.target && $.contains(mydiv, e.target) !== true) {
    console.log("outside of mydiv");
  }  
});

Here是一个jsbin演示。