移动端浏览器触摸事件研究

事件：

1、touchstart：当手指放在屏幕上触发;

2、touchmove：当手指在屏幕上滑动时，连续地触发;

3、touchend：当手指从屏幕上离开时触发;

4、touchcancel： 当系统停止跟踪时触发; 该事件暂时使用不到;

由于触摸会导致屏幕动来动去，所以我们可以在这些事件中函数内部使用 event.preventDefault()来阻止掉默认事件(默认滚动)。

5、click：点击事件

可以看出，在移动端，事件的执行顺序如上所示，click事件放在最后，而要为了兼容移动端的touch事件来进行放大效果，所以移动端click屏幕会产生200-300 ms的延迟响应。

个人理解：

1、在w3school上找不到上面这几个事件，而我们通常的搜索方式是html5事件，其实应该是不对的，应该搜索移动端浏览器触摸事件。

2、我个人觉得是ios safari提出的touch事件，而后android也加入了这几个事件的支持。

3、在ios的浏览器下，包括微信的ios版本的内置浏览器，同样有这样的问题，click有时会无效，所以，在ios上用touch事件来替代是最好的解决办法。

参考：

http://web.jobbole.com/85132/

http://www.th7.cn/Program/IOS/201503/405279.shtml

转载于:https://www.cnblogs.com/EasonJim/p/6183429.html