首页 > 其他 > 详细

关于iphone上点击事件无效

时间:2015-11-26 00:59:00      阅读:277      评论:0      收藏:0      [点我收藏+]
  • 事情缘由

由于工作需要,我自己写了一个modal弹出框,弹出框显示的时候,点击屏幕则该框消失。

然后我利用jQuery的on方法把click事件绑定到了document上面。做完之后,效果不错,结果就上线了。

结果同事拿着他的iphone6告诉我,弹出框无法消失。

然后我就找啊找,debug发现该事件没有执行,然后我就换了个写法,直接使用click方法能用。

  • 查找原因

我们都知道在移动端,手机默认是触摸事件,也就是touch事件。在iphone上面事件冒泡的是touch一类的事件,而不是click事件。

只有链接和input输入框这两类元素才有click事件。

  • 解决方法

一、使用touchstart或者touchend代替click事件。

二、使用FastClick插件。因为该插件的原理就是利用touch来模拟click事件。

  • 相关阅读

http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html

关于iphone上点击事件无效

原文:http://www.cnblogs.com/YJua/p/4996375.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!