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