关于移动端点击无效的一些经验

Posted 2020-08-13 THE BEST GIFT

　　这两天在做一个WAP页面，在chrome上模拟移动端的时候，都好好的，然而放到手机上测试时，

发现有些点击事件直接无反应，但是有些有反应；

　　本小白在想，难道是由于我页面上有用到滚动插件，里面的touch事件的preventDefault导致click失效？

于是，换成了touchSart事件试了下，效果比之前略好，但是，有重复点击事件，本小白排查了一会儿，

发现页面上明明在滚动区域有别的点击事件，为毛别的用的好好的，就这个不行，仔细对比，发现别的都是A标签，

无效的是DIV，于是，我就像发现了新大陆一样，麻溜的将DIV改成A标签，于是，妥妥的好了！

　　于是，我又想，难道移动端DIV的点击事件都是这么鸡肋？，然后在一个非滚动区域的DIV上绑定事件试了下，

发现没问题，于是，我总结了下，在有用到滚动touch相关的事件里阻止了默认行为时，对DIV的点击绑定失效时，

将其转成A标签即可。