你的位置:首页 > 软件开发 > Java > 关于iphone上点击事件无效

关于iphone上点击事件无效

发布时间:2015-11-26 00:00:27
事情缘由由于工作需要,我自己写了一个modal弹出框,弹出框显示的时候,点击屏幕则该框消失。然后我利用jQuery的on方法把click事件绑定到了document上面。做完之后,效果不错,结果就上线了。结果同事拿着他的iphone6告诉我,弹出框无法消失。然后我就找啊找,deb ...
  • 事情缘由

由于工作需要,我自己写了一个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上点击事件无效

关键词:ip

ip
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。