移动端触摸事件添加方式值能用 addEventListeber(),方式绑定
移动触摸事件有4个:
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
4、touchcancel
触摸事件取消
请解释移动端点击延迟现象?
有些浏览器可能会有300ms延迟显像,由于移动端浏览器具有双击放大效果,所以在点击第一次之后300ms内不做不做反应,而是等待第二次点击,如果在300ms内点击了则进行放大效果,如果没有点击,则进行单击事件,如果不希望出现这种现象,则不要用click事件,