Event Base

https://zh.javascript.info/mouse-events-basics

https://www.yuque.com/qinsjs/jsinfo/qxmdzc

常见的：

• mousedown/mouseup 点击/释放 鼠标。

• mouseover/mouseout 鼠标指针从一个元素上移入/移出。

• mousemove 鼠标在元素上的每个移动都会触发此事件。

• click 鼠标左键 ， mousedown 和 mouseup 也会触发

• contextmenu 在鼠标右键被按下时触发。

dblclick 双击，如今已经很少使用了。

清空

坐标

窗口相对坐标：clientX/clientY。

文档相对坐标：pageX/pageY。

操作区域

event.button

通过 event.button 可以得知是那个按键

• 0 左键 (主要按键)
• 1 中键 (辅助按键)
• 2 右键 (次要按键)
• 3 X1 键 (后退按键)
• 4 X2 键 (前进按键)

event.which 已经过时。

组合件

.addEventListener('click',e=>{
  e.stopPropagation();
  console.log( '组合键shiftKey:' + e.shiftKey );
  console.log( '组合键altKey:' + e.altKey );
  console.log( '组合键ctrlKey:' + e.ctrlKey );
  console.log( '组合键metaKey:' + e.metaKey );
})

• shiftKey：Shift
• altKey：Alt（ Mac 是 Opt）
• ctrlKey：Ctrl
• metaKey： Mac 是 Cmd

---