在同一目标上使用 PointerEvents 检测两个手指触摸
Detect two finger touch with PointerEvents on the same target
我在屏幕上有很大的 HTML 元素 (canvas),我想检测多点触控事件。
使用 "touchstart" 你有 "touches" 属性,但是使用 PointerEvents 我不知道有什么方法可以知道是否发生了多点触摸(除了检查是否有超过 1 个目标,这显然是不可能的当屏幕上有大元素时。
有可能吗?
澄清一些代码:
canvas.addEventListener("pointerdown", (e) => {
// is pointer down is multitouch?
});
VS.
canvas.addEventListener("touchstart", (e) => {
console.log(e.touches.length);
});
非常感谢:)
使用 PointerEvent,您必须在 pointerdown
上缓存事件并在 pointerup
上取消缓存。
我想说的只是复制 MDN 已经有的内容和确切的例子:https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events/Multi-touch_interaction
我在屏幕上有很大的 HTML 元素 (canvas),我想检测多点触控事件。 使用 "touchstart" 你有 "touches" 属性,但是使用 PointerEvents 我不知道有什么方法可以知道是否发生了多点触摸(除了检查是否有超过 1 个目标,这显然是不可能的当屏幕上有大元素时。 有可能吗?
澄清一些代码:
canvas.addEventListener("pointerdown", (e) => {
// is pointer down is multitouch?
});
VS.
canvas.addEventListener("touchstart", (e) => {
console.log(e.touches.length);
});
非常感谢:)
使用 PointerEvent,您必须在 pointerdown
上缓存事件并在 pointerup
上取消缓存。
我想说的只是复制 MDN 已经有的内容和确切的例子:https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events/Multi-touch_interaction