JS对于Android和IOS平台的点击响应的适配
2016-01-25 17:56
302 查看
综述
最近做项目的时候发现了一个非常奇怪的问题,就是对于click事件的响应。经过测试发现,对于IOS平台,直接监听click事件可能是没有响应的,而在Android和PC上则完全没有问题。所以通过获取设备信息实现了不同平台的不同监听。
IOS监听
对于IOS设备,只监听click方法可能是没有响应的。解决方法就是监听 “touchend click”事件。而对于Android和PC,则只监听click事件即可。
平台检测
我们利用userAgent来检测平台123456789 | if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); alert("iOS");} else if (/(Android)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); alert("Android");} else { alert("PC");}; |
实现监听
我们可以把方法自定义名字,比如1 2 3 4 5 | function back_click(){ $(".group-names").show(); $(".groups:visible").hide(); $(this).hide(); } |
1 2 3 4 5 6 | /* bind the event */ if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { $(".back").bind({"touchend click":back_click}); }else{ $(".back").bind({"click":back_click}); } |
总结
通过以上方法便可以实现不同平台的监听。转载请注明:静觅 » JS对于Android和IOS平台的点击响应的适配
不要同时bind touchend和click---原文这个是错的!!!
相关文章推荐
- iOS中 流媒体播放和下载 韩俊强的博客
- ios实时播放PCM数据
- 关于iOS内购的一些代码整理分析
- iOS备忘录之XCode插件
- iOS程序猿之Git@OSC使用教程汇总
- OCruntime交换方法用在处理iOS版本跨度问题的解决
- iOS:json格式字符串转字典,字典转json格式字符串
- iOS开发笔记6:图片轮播及其无限循环效果
- iOS 苹果官方Demo合集
- GIF图片使用
- iOS开发 : 坐标变换Quartz 2D中的CGContextTranslateCTM、CGContextScaleCTM
- 新系统iOS 8下推送注册-registerForRemoteNotifications
- ios蓝牙的基本使用
- iOS运行报错:the file couldn't be opened because you don't have permission to view it 。
- ios判断一段字符串长度(汉字2字节)
- iOS关于定时器的四个实用demo
- iOS开发使用Block页面间传值
- iOS NSString的相关常见知识
- IOS 子视图touch,父视图Ges手势冲突问题解决方法
- iOS程序猿之使用GitHub完成一次项目开发