ios下Safari无法触发click事件的处理
2014-09-16 19:38
721 查看
ios下的Safari真是傲娇啊,坑好多。
首先上代码
提问:点击在文字上和点击在图片上是否都会弹出“click”呢?
呵呵呵呵呵呵,结果是只有第二个img的点击能正确触发click,点击div里的文字完全没效果。
解决办法就是绑定到 “touchend” 事件。。。
这个bug只有在ios的Safari下才能出现,桌面端、android端都没有问题,苹果真是傲娇啊。。
ps:移动端的点击处理还是得尽量用touch类的事件。。click坑太多了。
首先上代码
<!DOCTYPE html> <html> <head> <title>122</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> </head> <body> <div> adfafasdfasdfasdfasfdasdf<br/> adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/> adfafasdfasdfasdfasfdasdf<br/> adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/> adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/> </div> <div> <img src="__IMG__/indexbanner.png" alt=""/> </div> <script src="__JS__/jquery-1.11.1.min.js"></script> <script> $(function(){ $('body').on("click", function(e){ alert("click"); }); }) </script> </body> </html>
提问:点击在文字上和点击在图片上是否都会弹出“click”呢?
呵呵呵呵呵呵,结果是只有第二个img的点击能正确触发click,点击div里的文字完全没效果。
解决办法就是绑定到 “touchend” 事件。。。
这个bug只有在ios的Safari下才能出现,桌面端、android端都没有问题,苹果真是傲娇啊。。
ps:移动端的点击处理还是得尽量用touch类的事件。。click坑太多了。
相关文章推荐
- 【iOS-Cocos2d游戏开发之六】对触屏事件追加讲解,解决无法触发ccTouchMoved事件[重要!]
- asp.net C#动态添加创建生成button按钮控件没有触发执行响应click绑定事件处理
- iOS Safari 中click点击事件失效的解决办法
- 移动端开发ios下body点击事件无法触发的解决方法
- 【iOS-Cocos2d游戏开发之六】对触屏事件追加讲解,解决无法触发ccTouchMoved事件[重要!]
- 解决iOS下无法触发focus事件的问题
- 解决 jquery在iOS系统自带键盘无法触发keyup,keydown,keypress事件
- ios 自带输入法无法触发 keyup等键盘事件的修复
- IE 下背景透明的空白元素无法触发 click 和 hover 事件【转】
- iOS Safari 中click点击事件失效的解决办法
- EasyUi中的datagird中a标签的click事件无法触发?(已解决)
- iOS下无法触发focus事件的问题
- 【iOS-Cocos2d游戏开发之六】对触屏事件追加讲解,解决无法触发ccTouchMoved事件[重要!] 推荐
- click事件无法触发、div存取数值
- 【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案
- ios的中文输入法无法触发onkeyup事件
- ios微信端 手机版网页 委托事件点击事件 click触发事件span不可以 a可以
- 解决动态生成input无法触发click事件的问题
- 解决动态生成input无法触发click事件的问题
- iOS 按钮超过父视图范围无法响应事件的处理方法