事宜配景:
比來在做一個挪動端營業的時刻碰著一個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.換成可以正常冒泡的標簽。
【IOS裝備上給body綁定click事宜不失效的緣由及處理方法】的相關資料介紹到這裡,希望對您有所幫助! 提示:不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦!