IOS設備上給body綁定click事件不生效及其解決辦法


事件背景:

  最近在做一個移動端業務的時候碰到一個bug,在ios上對body綁定click事實現事件代理冒泡至某些元素上盡然不生效。

思考:

  暫借助jquery展示下事件綁定代碼,將所有標簽含有data-tip屬性的元素通過事件代理至body

$('body').on('click','[data-tip]',function(e){
   console.log($(this.).attr('data-tip'))     
})

   這樣做在android和pc上都可以正常實現,但是在ios上面對部分標簽盡然不生效。比如 tr ,  span ...這樣的標簽

解決辦法:

  1.將click事件換成touch事件,同時還可以解決300ms的click延遲問題,但是需要e.stopPropagation()來阻止冒泡的處理會非常麻煩。

  2.在對不能正常冒泡的元素上再進行一次事件綁定,比如對於tr可以在<table>上再進行一次事件代理。

  3.最簡潔的辦法,在不能正常冒泡的元素的css屬性里面添加,cursor:pointer屬性。

  4.換成可以正常冒泡的標簽。

 


免責聲明!

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



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