国产探花免费观看_亚洲丰满少妇自慰呻吟_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.換成可以正常冒泡的標簽。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿拉善左旗| 双城市| 灌南县| 龙井市| 特克斯县| 深州市| 罗城| 河北省| 工布江达县| 屯留县| 泽普县| 清河县| 太仆寺旗| 龙游县| 开化县| 太仓市| 宕昌县| 祥云县| 安西县| 曲松县| 田阳县| 蛟河市| 平凉市| 永新县| 宜城市| 保康县| 高台县| 托里县| 桂东县| 镇沅| 教育| 读书| 周至县| 新巴尔虎右旗| 建湖县| 澄城县| 屯留县| 淅川县| 西盟| 石城县| 盐源县|