没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
事件背景: 最近在做一个移动端业务的时候碰到一个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.将cl
资源推荐
资源详情
资源评论
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种方法
资源评论
weixin_38700790
- 粉丝: 5
- 资源: 953
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功