关于移动端click事件绑定的一个细节
2016-01-27 10:32
316 查看
click是最常见的点击事件,但是对于移动终端,比如手机,一般都是以touch事件代替的,而click事件在手机也是生效的,只是会有1-2秒左右的延迟,那么当你想要用click而非touch事件的时候,该如何处理事件绑定的呢,不用说,为了阻止事件冒泡,以及动态加载出来的DOM元素也绑定点击事件,肯定是这样使用的:
好了,在pc浏览器模拟手机环境中测试没问题,在安卓手机中实测也是没问题,但是到了iPhone手机中,问题来了,他并没有任何反应,也就是不会触发alert事件,当你把click事件改成touch事件,就正常了。
但是,我的问题并不是如此,我touch绑定了其他事件,我就是要用click,怎么办,难道针对iPhone再写一个点击事件的代码?那万一你一套页面中有很多点击事件,岂不是要一个个的再写,很累,解决办法很简单,我也是百度来的,只需要对你要点击的那个目标,也就是#btn这个id加上一个css属性,cursor:pointer,问题迎刃而解。
再试一下,iPhone和安卓都完美兼容。
$('body').on('click','#btn',function(){ alert(1); })
好了,在pc浏览器模拟手机环境中测试没问题,在安卓手机中实测也是没问题,但是到了iPhone手机中,问题来了,他并没有任何反应,也就是不会触发alert事件,当你把click事件改成touch事件,就正常了。
但是,我的问题并不是如此,我touch绑定了其他事件,我就是要用click,怎么办,难道针对iPhone再写一个点击事件的代码?那万一你一套页面中有很多点击事件,岂不是要一个个的再写,很累,解决办法很简单,我也是百度来的,只需要对你要点击的那个目标,也就是#btn这个id加上一个css属性,cursor:pointer,问题迎刃而解。
再试一下,iPhone和安卓都完美兼容。
相关文章推荐
- AndroidKiller使用的命令
- 微信公众号内redirect_uri参数错误
- SharedPreference.Editor的apply和commit方法异同
- Android的死机、重启问题分析方法
- Android WebView使用经验总结
- iOS 插件开发
- 生成android证书
- Swift plugin for CLion
- 阅读《Android 从入门到精通》(18)——拖动条
- iOS开发笔记--Objective-C实现多继承
- iOS开发笔记--去掉Navigation下方的黑线(分割线)
- iOS: Xcode7安装KSImageNamed插件,自动读取图片名称
- Android基础知识(2)
- iOS开发笔记--去掉tableview中section的headerview粘性
- iOS开发笔记--[__NSArrayI addObjectsFromArray:]: unrecognized selector错误
- android studio之如何删除项目中的依赖项目或者module
- iOS开发笔记--使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- iOS开发笔记--检查App更新
- Android-Plugin-Framework集成开发
- 在IOS上集成VOIP功能能后,前后台切换时遇到的坑