码迷,mamicode.com
首页 > 移动开发 > 详细

解决手机(移动端)点击事件失效问题

时间:2020-07-25 23:33:04      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:弹框   ndt   cursor   als   内容   click   失效   scroll   scale   

1、在微信点击按钮没有反映

微信ios内置浏览器认为,不是button  a标签之外的非点击元素  比如div  是不可点击的

比如给div绑了click事件,在微信里边是不生效的,解决办法是给这个div元素添加一个样式属性 cursor: pointer;

2、弹框中某个区域内内容很多,我们希望使用overflow:scroll;

当超过之后,可以滚动查看,但是如果这样的话,在移动端是有问题的,比如滑动卡顿,ios手机滑动时划不动的情况。   有会有不少人使用IScroll.js   这个插件。

那么在IScroll控制的区域中,如果有元素需要被点击,那绑定的click事件也是不生效的,解决办法:

myScroll = new IScroll("#wrapper", {
                scrollbars: true,
                mouseWheel: false,
                interactiveScrollbars: true,
                shrinkScrollbars: ‘scale‘,
                fadeScrollbars: true,
                scrollY: true,
                probeType: 2,
                bindToWrapper: true,
                click: true,
                taps:true
});

在new的时候  传入第二个参数,是一个对象,其中的click  taps都要设置成true,这里边这些参数有一些是不需要的,比如有的是展示移动端滑动条啥的,按需删除就行了。

解决手机(移动端)点击事件失效问题

标签:弹框   ndt   cursor   als   内容   click   失效   scroll   scale   

原文地址:https://www.cnblogs.com/joe235/p/13375593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!