jQuery 如何有效偵測特定元素以外的點擊？

使用jQuery 偵測元素外部的點擊

許多Web 應用程式都具有可擴充選單，當使用者點擊特定元素時會顯示這些菜單。為了確保無縫的使用者體驗，當使用者點擊指定區域之外的任何位置時，必須隱藏這些選單。

jQuery 提供了一個優雅的解決方案來偵測指定元素以外的點擊。更有效的方法不是像初始查詢中提到的那樣創建自訂 clickOutsideThisElement 函數，而是利用事件傳播和事件停止技術。

解決方案：

1. 將點擊事件附加到文件正文：此事件偵聽器將擷取整個文件的點擊，包括菜單及其菜單週邊地區。當單擊發生時，選單將被隱藏（如果可見）。
2. 將單獨的點擊事件附加到選單容器：此事件偵聽器攔截選單內的點擊並防止它們傳播到文件正文。這有效地將選單與外部文件區域隔離。

以下程式碼示範了這種方法：

透過利用事件傳播和停止技術，該解決方案有效地檢測外部點擊選單並相應地隱藏它們，為可擴展的選單互動提供無縫的使用者體驗。

以上是jQuery 如何有效偵測特定元素以外的點擊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！