移动端ios中click点击失效

原因:

Safari应该有某种机制用来节约资源,就是如果元素摸起来不像可以点的,就不给他响应事件。

所以,需要在点击的元素上加上{cursor:pointer},就解决了。当然还有别的方法,检点来说就这样解决了。

测试了下,上面的方法没有成功;

后来参考了这里

http://www.cnblogs.com/hity-tt/p/6423591.html

我的做法是取消了on的事件委托;

并且,参考这里:

http://www.mamicode.com/info-detail-1503869.html

/*给body里面的任意元素绑定事件,让这些标签能接受click事件*/
$("body>*").bind("click",function(){});

顺带解决:

二、点击闪屏

   ios下闪屏问题,由事件委派引发,解决方案如下:    

    1、去除事件委派;

    2、给委派的元素加上属性

      -webkit-tap-highlight-color: rgba(0,0,0,0);

      -webkit-user-select: none;

  方案2为最佳方案。

补充:给定位的时候,如果不给left,top;在ios中默认会占位置

posted @ 2017-06-05 11:25  最爱小虾  阅读(1013)  评论(0编辑  收藏  举报