移动端触摸事件

移动端触摸事件添加方式值能用 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事件,

你可能感兴趣的:(移动端触摸事件)