深入理解EventTarget中的属性event.stopPropagation() 可以看到,事件捕获(设置capture属性为true)先于事件冒泡(capture默认是false)。很多人粗略地认为该属性只是阻止冒泡,实际上,正如其英文含义,它只是用来阻止事件传播,不管是事件冒泡阶段还是事件捕获阶段都可阻止进一步传播。综上,我们可得出结论,event.stopPropagation()既可阻止事件冒泡也可阻止事件捕获。我们会发现事件捕获在out这个div处就被截断,并且同时截断了事件冒泡的整个阶段。可以看到事件冒泡在in这个div处被截断,而事件捕获阶段不变。再次点击in这个div,
PointerEvent中的movementX/movementY属性 在使用PointerEvent过程中发现了一个有意思的属性,即movementX/movementY,该属性在mdn文档里说是相对于最后一次鼠标移动位置的位置,这个值一般不会很大,且会出现正负。在这里稍微提一下PointerEvent,该事件继承自MouseEvent,它集成了鼠标和触摸事件的优点,也就意味着它经过合理设置可以替代鼠标和触摸事件,具有良好的复用性和跨平台能力。它的用法大致上跟鼠标事件差不多但略有区别,具体可以参考mdn文档。