javascript - 在同一目标上使用 PointerEvents 检测两个手指触摸

Question

我在屏幕( Canvas )上有很大的 HTML 元素，我想检测多点触控事件。使用“touchstart”你有“touches”属性，但是使用 PointerEvents 我不知道有什么方法可以知道是否发生了多点触摸(除了检查是否有超过 1 个目标，当你在屏幕上有大元素时这显然是不可能的。有可能吗？

澄清一些代码:

canvas.addEventListener("pointerdown", (e) => {
    // is pointer down is multitouch?
});

对比

canvas.addEventListener("touchstart", (e) => {
    console.log(e.touches.length);
});

非常感谢:)

Answer 1

对于 PointerEvent，您必须在 pointerdown 上缓存事件并在 pointerup 上取消缓存。

我想说的只是复制 MDN 已有的内容和确切的例子:https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events/Multi-touch_interaction