pointerdown和onclick有什么区别?

9

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

它们是否有实际区别?这些事件是否以相同方式在DOM树中传播?是否有一些设备只响应其中一个事件?

我最初认为,只有触摸设备或使用笔时才会触发pointerdown,但似乎也会触发onclick

2个回答

13
  1. 有实际区别吗?

是的,有。

pointerDown 实际上等价于 onMouseDown,但主要区别在于 mouseDown 只发送到一个 Element,而 pointerDown 可以发送到 DocumentWindowElement

  1. onpointerdownonclick 事件处理程序之间有什么区别?
  • pointerDown 可以捕获右键/左键/中键点击事件。

  • onClick 只能捕获左键点击事件。

Live Example(示例):

该示例将使它更加清晰易懂。

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


2
嘿,Nawaf,上面的内容看起来应该是“onClick仅捕获左键单击”。 - Martin O'Shea

6

补充 Nawaf 的回答:

  • 在使用鼠标时,事件处理程序触发的时间点也不同。
  • onPointerDown 在按下鼠标按钮时触发。
  • onClick 则等待鼠标按钮的按下和松开两个动作都完成后才会触发。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接