你的位置:首页 > Java教程

[Java教程]IOS设备上给body绑定click事件不生效及其解决办法


事件背景:

  最近在做一个移动端业务的时候碰到一个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.换成可以正常冒泡的标签。

 




韩国旅游路线报价费用韩国旅游哪里好玩呢韩国旅游签证怎么办理韩国旅游去哪好韩国旅游团报价优惠2015东部华侨城圣诞节夜场活动门票预订价格?深圳东部华侨城圣诞夜场门票多少钱? 2015广州长隆大马戏圣诞节夜场活动时间?长隆大马戏圣诞夜场几时开始? 2015广州长隆大马戏圣诞节夜场活动门票预订价格?长隆大马戏圣诞夜场门票多少钱? 2015深圳锦绣中华圣诞节夜场活动门票预订价格?锦绣中华圣诞夜场门票多少钱? 香港旅游住宿哪里比较便宜而且服务卫生好? 去柬埔寨旅游该买什么特产? 学生族旅游盘点!学生族中最具影响力的十大国内旅游圣地 普吉岛SPA蜜月游 享受海岛风情的愉悦和惬意 大沙河公园看夏日“黄金雨” 探秘园博园藏匿于湖畔的美景 笔架山灰莉淡雅盛开惹人爱 笔架山小花紫薇花开艳丽 马尔代夫卡尼岛旅游攻略_满月岛地理位置|房型|最佳旅游时间|注意事项 马尔代夫:上帝抛洒人间的项链 玉佛寺门票_玉佛寺门票价格_上海玉佛寺门票多少钱 深圳海上田园地址_深圳海上田园在哪里_深圳海上田园怎么去 TLRMH151 Datasheet TLRMH151 Datasheet TLRMH151(T) Datasheet TLRMH151(T) Datasheet TLRMH151P Datasheet TLRMH151P Datasheet 武汉极地海洋世界地址 武汉极地海洋世界地址 武汉极地海洋世界地址 灵隐寺在哪 灵隐寺在哪 灵隐寺在哪 山海关在哪 山海关在哪 山海关在哪