資訊專欄INFORMATION COLUMN
摘要：問題描述當使用委托給一個元素添加事件時，如果事件是委托到或上，并且委托的元素是默認不可點擊的如等，此時事件會失效。從解決辦法來看，推測在中，不可點擊的元素的點擊事件不會冒泡到父級元素。
問題描述
當使用委托給一個元素添加click事件時，如果事件是委托到 document 或 body 上，并且委托的元素是默認不可點擊的（如 div, span 等），此時 click 事件會失效。
可以使用下面的代碼在 iOS 中進行測試。
iOS click bug test
Click Me!
解決辦法
解決辦法有 4 種可供選擇：
?將 click 事件直接綁定到目標?元素（??即 .target）上
將 click 事件委托到?????非 document 或 body 的??父級元素上
給?目標元素加一條樣式規則 cursor: pointer;
?推薦后兩種。從解決辦法來看，?推測在 safari 中，不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer 使得元素變成了可點擊的了。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112970.html
摘要：下的點擊事件失效解決方法問題描述當委托給一個元素添加事件時，如果事件是委托到或上，并且委托的元素是默認不可點擊的如等，此時事件會失效。 iOS下的點擊事件失效解決方法 問題描述 當委托給一個元素添加click事件時，如果事件是委托到 document 或 body 上，并且委托的元素是默認不可點擊的(如 div, span 等)，此時 click 事件會失效。 demo: ...
摘要：二分析排查一步驟一使用搜索引擎我是在無意中發現該問題的，當時觀察到的現象是綁定在上的事件有時會被觸發，有時會失效。這說明并不存在偶爾失效的問題。也就是說，我需要找到確切的令響應事件失效的原因。接下來的事很簡單，繼續搜索事件在頁面滾動后失效。 如果你關注我應該知道，我最近對PC端頁面進行移動適配。在這個過程中，為了節省用戶300ms的時間，同時給予用戶更及時的點擊反饋（這意味著更好的用戶...
摘要：二分析排查一步驟一使用搜索引擎我是在無意中發現該問題的，當時觀察到的現象是綁定在上的事件有時會被觸發，有時會失效。這說明并不存在偶爾失效的問題。也就是說，我需要找到確切的令響應事件失效的原因。接下來的事很簡單，繼續搜索事件在頁面滾動后失效。 如果你關注我應該知道，我最近對PC端頁面進行移動適配。在這個過程中，為了節省用戶300ms的時間，同時給予用戶更及時的點擊反饋（這意味著更好的用戶...
摘要：隨著移動互聯網的發展，移動已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動開發需要注意的事項進行一下總結，必然不可能涉及方方面面，但會隨著筆者的積累持續更新。 隨著移動互聯網的發展，移動Web已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動Web開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動Web開發需要注意...
閱讀 3510·2021-11-25 09:43
閱讀 1266·2021-09-08 09:45
閱讀 2642·2021-09-07 09:59
閱讀 1502·2021-08-09 13:45
閱讀 3338·2019-08-30 15:54
閱讀 696·2019-08-29 18:35
閱讀 513·2019-08-29 17:18
閱讀 992·2019-08-29 14:10
