[TOC] ## 概述 PointerEvents 和 touch 事件都是用于处理触摸设备上的用户输入事件的 API，但它们之间有一些区别。 1. 支持多种输入方式 touch 事件只能处理触摸屏幕的输入事件，而 PointerEvents API 可以处理多种输入方式下的输入事件，包括触摸、鼠标和笔输入等。 2. 提供更加准确和全面的输入信息 PointerEvents API 相对于 touch 事件提供了更加准确和全面的输入信息。例如，在 touch 事件中，无法准确地获取用户的输入位置，因为用户手指的尺寸和形状可能不同，而 PointerEvents API 则可以获取到更加精确的输入位置信息。 3. 更好的性能表现 与 touch 事件相比，PointerEvents API 在处理多点触控事件时具有更好的性能表现。在 touch 事件中，每个手指触摸屏幕时会触发一个事件，这可能会导致性能问题，而 PointerEvents API 可以将多个输入信号合并为一个事件，从而优化性能。 4. 兼容性 虽然 PointerEvents API 已经被大多数现代浏览器支持，但是在一些老旧的浏览器中可能不被支持，而 touch 事件则是大多数移动设备浏览器都支持的 API。 ## 示例 ``` var myDiv = document.getElementById("myDiv"); myDiv.addEventListener("pointerdown", function(event) { console.log("Pointer down at X: " + event.clientX + ", Y: " + event.clientY); }); myDiv.addEventListener("pointerup", function(event) { console.log("Pointer up at X: " + event.clientX + ", Y: " + event.clientY); }); myDiv.addEventListener("pointermove", function(event ) { console.log("Pointer move at X: " + event.clientX + ", Y: " + event.clientY); }); ```