IOS设备上给body绑定click事件不生效的原因及解决办法
更新时间：2016年09月26日 09:29:24 作者：winner''free
最近在做移动端的项目，在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.换成可以正常冒泡的标签。
相关文章
这篇文章实现的是一个关于启动页或者引导页的视频动画效果的实现过程，对于大家开发APP具有一定的参考借鉴价值，有需要的可以来看看。2016-09-09
这篇文章主要介绍了react-native中AsyncStorage实例详解的相关资料,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了IOS正则表达式之验证密码身份证手机号的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-10-10
这篇文章主要介绍了 iOS10 widget实现3Dtouch 弹出菜单的相关资料,需要的朋友可以参考下2016-12-12
下面介绍下如何使用 Xcode、Reveal 和 Safari 来真机调试 iOS 上的小程序。感兴趣的朋友跟随脚本之家小编一起看看吧2018-08-08
这篇文章主要为大家详细介绍了IOS仿电子书书架效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
本人主要介绍了IOS开发环境windows化攻略，需要的朋友可以参考下2013-06-06
这篇文章主要给大家介绍了关于iOS正确监听手机侧边音量键的相关资料，并且给大家分享了ios监听静音键的示例代码，文中介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-11-11
这篇文章主要介绍了iOS开发中制作一个简单的音乐播放器的基本要点解析,代码基于传统的Objective-C,需要的朋友可以参考下2016-01-01
UIWebView是开发中很常用的应用内调用网页浏览的控件,这里整理了一些iOS中UIWebView网页加载组件的基础及使用技巧实例 ,需要的朋友可以参考下2016-06-06
最新评论