js移动端触摸事件

本文将为您介绍js中处理触摸事件的基础知识。

触摸事件是在移动设备（例如智能手机或平板电脑）上查看页面时触发的事件。

允许您跟踪多点触摸事件。

我们有 4 个触摸事件：

• touchstart 触摸事件已开始（触摸表面）
• touchend 触摸事件已结束（不再触摸表面）
• touchmove 触摸在表面上移动手指（或触摸设备的物体）
• touchcancel 触摸事件已取消

当触摸事件发生时，触发触摸事件：

/**
* 前端教程网
* https://www.pipipi.net/
*/
const link = document.getElementById('my-link')
link.addEventListener('touchstart', event => {
  // touch event started
})

以下是我们在此活动期间可以访问的所有属性：

• identifier 标识符 此特定事件的唯一标识符。用于跟踪多点触摸事件。相同的手指=相同的标识。
• clientX / clientY 鼠标指针相对于浏览器窗口的 x 和 y 坐标，无论是否滚动
• screenX / screenY 屏幕坐标中鼠标指针的 x 和 y 坐标
• pageX / pageY 页面坐标（包括滚动）鼠标指针的x和y坐标
• 被触摸的元素