IOS设备上给body绑定click事件不生效的原因及解决办法

最近在做移动端的项目，在ios上对body绑定click事件实现事件代理冒泡至某些元素上不生效，怎么回事，如何解决呢？今天小编给大家带来了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.换成可以正常冒泡的标签。

您可能感兴趣的文章:

• iOS如何获取屏幕宽高、设备型号、系统版本信息
• asp.net 通过UserAgent判断智能设备(Android,IOS)
• 检测iOS设备是否越狱的方法
• Cisco设备IOS的恢复方法
• 使用Reachability类判断iOS设备的当前网络连接类型
• 如何在iphon IOS设备上使用二维码
• Cisco路由交换设备之IOS故障排除
• iOS获取当前设备WiFi信息的方法
• iOS App开发中通过UIDevice类获取设备信息的方法
• iOS获取设备唯一标识的8种方法