你好,歡迎來到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.換成可以正常冒泡的標簽。

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