iOS Safari 中click點擊事件失效的解決辦法


問題起因:

在微信公眾號開發(微站)過程中用jquery的live方法綁定的click事件點擊無效(不能執行)

問題描述

當使用委托給一個元素添加click事件時,如果事件是委托到 document 或 body 上,並且委托的元素是默認不可點擊的(如 divspan 等),此時 click 事件會失效。

解決辦法

解決辦法有 4 種可供選擇:

  1. ​將 click 事件直接綁定到目標​元素(​​即 .target)上
  2. 將目標​元素換成 <a> 或者 button 等可點擊的​元素
  3. ​將 click 事件委托到​​​​​非 document 或 body 的​​父級元素上
  4. ​給​目標元素加一條樣式規則 cursor: pointer;

​推薦后兩種。從解決辦法來看,​推測在 safari 中,不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer 使得元素變成了可點擊的了。

引用:https://happycoder.net/solve-ios-safari-click-event-bug/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM