DOM鼠标事件and键盘事件

鼠标事件-MouseEvent

鼠标事件是 Web 开发中最常用的一组事件，这是因为鼠标是用户的主要定位设备。DOM3 Events定义了 9 种鼠标事件。

• click

  在用户单击鼠标主键（通常是左键）或按键盘回车键时触发。这主要是基于无障碍的考虑，让键盘和鼠标都可以触发 onclick 事件处理程序。

• dblclick

  在用户双击鼠标主键（通常是左键）时触发。这个事件不是在 DOM2 Events 中定义的，但得到了很好的支持，DOM3 Events 将其进行了标准化。

• mousedown

  在用户按下任意鼠标键时触发。这个事件不能通过键盘触发。

• mouseenter

  在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不冒泡，也不会在光标经过后代元素时触发。mouseenter 事件不是在 DOM2 Events 中定义的，而是 DOM3 Events中新增的事件。

• mouseleave

  在用户把鼠标光标从元素内部移到元素外部时触发。这个事件不冒泡，也不会在光标经过后代元素时触发。mouseleave 事件不是在 DOM2 Events 中定义的，而是 DOM3 Events中新增的事件。

• mousemove

  在鼠标光标在元素上移动时反复触发。这个事件不能通过键盘触发。

• mouseout

  在用户把鼠标光标从一个元素移到另一个元素上时触发。移到的元素可以是原始元素的外部元素，也可以是原始元素的子元素。这个事件不能通过键盘触发。

• mouseover

  在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不能通过键盘触发。

• mouseup

  在用户释放鼠标键时触发。这个事件不能通过键盘触发。

• mousewheel

  鼠标滚轮事件

键盘事件-KeyboardEvent

键盘事件是用户操作键盘时触发的。DOM2 Events 最初定义了键盘事件，但该规范在最终发布前删除了相应内容。因此，键盘事件很大程度上是基于原始的 DOM0 实现的。

DOM3 Events 为键盘事件提供了一个首先在 IE9 中完全实现的规范。其他浏览器也开始实现该规范，但仍然存在很多遗留的实现。

键盘事件包含 3 个事件：

• keydown，用户按下键盘上某个键时触发，而且持续按住会重复触发。

• keypress，某个键盘按键被按下时触发。但是它不识别功能键 比如 ctrl shift 箭头等

• keyup，用户释放键盘上某个键时触发。

执行顺序 keydowm -- keypress -- keyup 

通过键盘事件对象可以获取键盘按下了哪个健: e.keyCode