你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> IOS裝備上給body綁定click事宜不失效的緣由及處理方法

IOS裝備上給body綁定click事宜不失效的緣由及處理方法

編輯:IOS開發綜合

事宜配景:

  比來在做一個挪動端營業的時刻碰著一個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事宜不失效的緣由及處理方法】的相關資料介紹到這裡,希望對您有所幫助! 提示:不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦!

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved