移动端触摸事件

移动端触摸事件添加方式值能用 addEventListeber(),方式绑定

1、touchstart 触摸事件开始

触摸事件会产生一个事件对象touchEvent

获取触摸手指个数：e.targetTouches.length

触摸对象事件下e.targetTouches[0]里面存储开始触摸事件对象的信息：

pageX:触摸目标在页面中X轴的坐标

pageY:触摸目标在页面中Y轴的坐标

screenX：触摸目标相对屏幕中X轴的坐标

screenY:触摸目标相对屏幕中Y轴的坐标

clientX:触摸目标在视口中的X轴的坐标

clientY：触摸目标在视口中的Y轴的坐标

target:触摸的dom节点目标

identifier：标示触摸的id值

2、touchmove

触摸中

3、touchend

触摸结束

触摸结束事件中最大的坑就是，没有e.targetTouches的数据为空

想要获取最后触摸的一个点的坐标，用e.changedTouches[0].pageX

触摸事件取消

有些浏览器可能会有300ms延迟显像，由于移动端浏览器具有双击放大效果，所以在点击第一次之后300ms内不做不做反应，而是等待第二次点击，如果在300ms内点击了则进行放大效果，如果没有点击，则进行单击事件，如果不希望出现这种现象，则不要用click事件，

最后编辑于：2017.12.04 14:45:26