pointerdown vs onclick:有什么区别?

pointerdown vs onclick: what is the difference?

onpointerdownonclick 事件处理程序有什么区别?

有什么实际差异吗?事件在 DOM 树中的传播方式不同吗?是否有一些设备只响应这些事件之一?

我最初假设只有 pointerdown 在触摸设备或用笔触发,但 onclick 似乎也被触发。

  1. 有什么实际差异吗?

Yes there are.

pointerDown 它实际上等同于 onMouseDown 但主要区别在于 mouseDown 仅发送到 ElementpointerDown 可以发送到 DocumentWindowElement

  1. onpointerdownonclick 事件处理程序有什么区别?
  • pointerDown 可以捕获 right/left/middle 次点击。

  • onClick 仅捕获左键单击。

实例:

The example will make it clearer.

https://codepen.io/nawafscript/pen/WNEyRyO

添加到 Nawaf 答案: evenhandlers 被触发的时间点也不同(至少在使用鼠标时)。

  • 按下鼠标按钮时触发 onPointerDown
  • onClick 等待鼠标按钮的按下和释放。