click事件在手机端有延迟,所以会有不响应问题
解决方法有二:
1.fastclick.js
a.引入<script src="~/Scripts/fastclick.js"></script>
b.实例化FastClick.attach(document.body);
c.直接绑定click事件即可
这里很可能报错:unable to preventDefault inside passive ......加上加上* { touch-action: none; } 即可
2.使用zepto插件
其中有tap事件可以代替click事件
这里曾经遇到一个问题,是一个视频播放页面,里面有一个悬浮的样式,这个悬浮所用的外层div 高度是100%,导致这个div平级的div里面的tap事件无法响应,解决方法是把外层的div放在这个高度为100%的div中