首頁 >web前端 >css教學 >觸控裝置如何觸發「document.click」關閉下拉式選單?

觸控裝置如何觸發「document.click」關閉下拉式選單?

Linda Hamilton
Linda Hamilton原創
2024-12-05 13:25:11285瀏覽

How Can a Touch Device Trigger `document.click` to Close a Dropdown Menu?

觸摸設備的Document.click功能

問題:觸摸設備如何觸發關閉由單擊啟動的下拉式選單事件?

答案:

現代瀏覽器,例如 Chrome 和 Firefox,都會觸發觸控輸入的點擊事件。這消除了額外的 touchstart 或 touchend 事件的需要。只要使用:

解釋:

舊版瀏覽器對觸控輸入的解釋不同,將它們視為不同的事件。為了解決這個問題,使用瞭如下的事件處理程序:

但是,隨著觸摸友好瀏覽器的出現,不再需要 touchstart 事件。僅單擊事件就足夠了。

附加說明:

提供的範例使用事件委託技術和 .on() 將點選處理程序綁定到整個文件。這確保了即使動態新增或刪除選單也能擷取點擊事件。

以上是觸控裝置如何觸發「document.click」關閉下拉式選單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn