IOS設(shè)備上給body綁定click事件不生效的原因及解決辦法
更新時間：2016年09月26日 09:29:24 作者：winner''free
最近在做移動端的項(xiàng)目，在ios上對body綁定click事件實(shí)現(xiàn)事件代理冒泡至某些元素上不生效，怎么回事，如何解決呢？今天小編給大家?guī)砹薎OS設(shè)備上給body綁定click事件不生效的原因及解決辦法，一起看看吧
事件背景：
最近在做一個移動端業(yè)務(wù)的時候碰到一個bug，在ios上對body綁定click事實(shí)現(xiàn)事件代理冒泡至某些元素上盡然不生效。
思考：
暫借助jquery展示下事件綁定代碼，將所有標(biāo)簽含有data-tip屬性的元素通過事件代理至body
$('body').on('click','[data-tip]',function(e){
console.log($(this.).attr('data-tip'))
})
這樣做在android和pc上都可以正常實(shí)現(xiàn)，但是在ios上面對部分標(biāo)簽盡然不生效。比如 tr , span ...這樣的標(biāo)簽
解決辦法：
1.將click事件換成touch事件，同時還可以解決300ms的click延遲問題，但是需要e.stopPropagation()來阻止冒泡的處理會非常麻煩。
2.在對不能正常冒泡的元素上再進(jìn)行一次事件綁定，比如對于tr可以在<table>上再進(jìn)行一次事件代理。
3.最簡潔的辦法，在不能正常冒泡的元素的css屬性里面添加，cursor:pointer屬性。
4.換成可以正常冒泡的標(biāo)簽。
您可能感興趣的文章:
- iOS如何獲取屏幕寬高、設(shè)備型號、系統(tǒng)版本信息
- asp.net 通過UserAgent判斷智能設(shè)備(Android,IOS)
- 檢測iOS設(shè)備是否越獄的方法
- Cisco設(shè)備IOS的恢復(fù)方法
- 使用Reachability類判斷iOS設(shè)備的當(dāng)前網(wǎng)絡(luò)連接類型
- 如何在iphon IOS設(shè)備上使用二維碼
- Cisco路由交換設(shè)備之IOS故障排除
- iOS獲取當(dāng)前設(shè)備WiFi信息的方法
- iOS App開發(fā)中通過UIDevice類獲取設(shè)備信息的方法
- iOS獲取設(shè)備唯一標(biāo)識的8種方法
相關(guān)文章
本文主要介紹了iOS 檢測文本中的URL、電話號碼等信息的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
iOS中TableView如何統(tǒng)一數(shù)據(jù)源代理詳解
這篇文章主要給大家介紹了關(guān)于iOS中TableView如何統(tǒng)一數(shù)據(jù)源代理的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
iOS中從網(wǎng)絡(luò)獲取數(shù)據(jù)的幾種方法的比較
IOS中獲取網(wǎng)絡(luò)數(shù)據(jù)一般有三種：1、NSURLCondition(已過時) 2、NSURLSession 3、三方庫AFNetWorking。下面通過本文給大家比較這三種方法的區(qū)別對比2017-11-11
這篇文章主要介紹了如何使用IOS實(shí)現(xiàn)WIFI傳輸，對局域網(wǎng)傳輸和HTTP感興趣的同學(xué)，可以參考下2021-04-04
IOS 七種手勢操作（拖動、捏合、旋轉(zhuǎn)、點(diǎn)按、長按、輕掃、自定義）詳解及實(shí)例代碼
這篇文章主要介紹了IOS 七種手勢操作（拖動、捏合、旋轉(zhuǎn)、點(diǎn)按、長按、輕掃、自定義）詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)簡易鐘表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
iOS實(shí)現(xiàn)點(diǎn)擊圖片放大和長按保存圖片的示例
本篇文章主要介紹了iOS實(shí)現(xiàn)點(diǎn)擊圖片放大和長按保存圖片的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
在我們開發(fā)APP的過程中，或多或少都遇到過需要使用倒計時的場景，這篇文章主要介紹了詳解iOS中多倒計時場景的解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家介紹了ios開發(fā) try-catch引起的野指針問題排查，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了ios仿側(cè)邊抽屜效果實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04