[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); }); ```