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


問題描述

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

解決辦法

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

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

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


免責聲明!

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



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