檢測嵌套元素外的鼠標dblckick？

Question

我想在這裏做的是配置jQuery有兩個框。第一個框允許我隱藏第一個框並在點擊時打開一個新框。單擊元素外部的主體時，將刪除新的（第二個）框。

我一直在玩不同的東西，包括退出/輸入事件，但似乎無法找到一個簡單而直接的方法來獲得這種效果。

我已經設置了一個jsfiddle，它演示了我正在嘗試做什麼。

http://jsfiddle.net/wdAPu/2/

Answer 1

我認爲你需要

event.stopPropagation(); 

增加勢必#opener事件處理程序。這可以防止事件冒泡並引發#body中的事件處理程序。

查看更新版本：http://jsfiddle.net/wdAPu/3/

參考：event.stopPropagation

現在，這仍然會隱藏，如果你雙擊內新箱新箱。爲了防止發生這種情況，您必須將事件處理程序綁定到它並防止事件冒泡。這可以通過快捷鍵來完成：

$('#content').dblclick(false); 

（在這裏看到：http://jsfiddle.net/wdAPu/6/）

---

如果您是動態創建的箱子，看看.delegate()和event.stopImmediatePropagation()。