国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > iOS > 正文

IOS設備上給body綁定click事件不生效的原因及解決辦法

2020-07-26 03:11:35
字體:
來源:轉載
供稿:網友

事件背景:

  最近在做一個移動端業務的時候碰到一個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.換成可以正常冒泡的標簽。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南溪县| 金门县| 尉氏县| 开远市| 克什克腾旗| 红桥区| 黎平县| 嵊泗县| 鹤山市| 高邑县| 扎鲁特旗| 建始县| 鹤峰县| 郁南县| 丹棱县| 平远县| 湖州市| 嘉义县| 新巴尔虎右旗| 广饶县| 黑龙江省| 区。| 屏山县| 都江堰市| 南乐县| 永胜县| 林口县| 申扎县| 姚安县| 正安县| 平乐县| 呼伦贝尔市| 上栗县| 浏阳市| 海门市| 宾川县| 姜堰市| 灵武市| 奎屯市| 全椒县| 沂水县|