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中