dblclick（）浮动div？

Question

我有一个大的背景div，我通过jQuery函数dblclick绑定了一个函数。

我有一个绝对定位的div，在所述背景div前面有一个更大的z-index浮动。我得到一个奇怪的问题，如果双击浮动div（确实有一个填充的背景），则执行为背景设置的函数。

基本上：

$("#background-div").dblclick(function(){
  alert("why do these problems exist?");
});

//i double click on $("#div-floating-in-front") and see the alert.

有什么建议吗？

Answer 1

如果您的浮动div是背景div的子级，则click事件会冒泡到它并触发警报。您可以将单击事件附加到浮动div，然后使用jQuery's stopPropagation来捕获点击，然后才能冒泡：

$("#div-floating-in-front").dblclick(function(event){
  event.stopPropagation();
});