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.换成可以正常冒泡的标签。
相关文章
这篇文章主要介绍了理解iOS多线程应用的开发以及线程的创建方法,代码基于传统的Objective-C,需要的朋友可以参考下2015-11-11
本篇文章主要介绍了iOS 获取公历、农历日期的年月日的实例代码，主要介绍了三种方法，具有一定的参考价值，有兴趣的可以了解一下。2017-02-02
这篇文章主要介绍了iOS 委托与文本输入（内容根据iOS编程编写） 的相关资料,需要的朋友可以参考下2016-09-09
本文主要介绍了UIWebView控件中字体大小和字体样式的修改，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
本篇内容是一篇关于IOS开发进阶的内容，学习xib上控件自动生成纯代码这个功能，有兴趣的朋友参考下。2018-02-02
ios开发navigationController pushViewController 方式多次跳转返回到最上层返回到
这篇文章主要介绍了ios开发navigationController pushViewController 方式多次跳转返回到最上层返回到指定的某一层的实现方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了iOS自定义日期和数据源选择控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
这篇文章给大家详细介绍了iOS应用程序之间跳转的几种情况，包括跳转到另一个程序的主界面、跳转到另一个程序的指定界面以及如何从目标程序的非主页界面回到当前(跳转前)程序呢?有需要的朋友们可以下面来一起看看。2016-09-09
本文给大家分享的是作者在IOS11中使用WKWebView加载URL出现无法加载内容的情况的解决方法，有同样问题的小伙伴可以查看下2017-11-11
之前看了很多面试题，感觉要不是不够就是过于冗余，于是我将网上的一些面试题进行了删减和分类，这篇文章先给大家分享一下IOS中的常见算法，有需要的可以参考借鉴。2016-09-09
最新评论