JavaScript键盘与文本事件（keydown、keypress和keyup触发顺序及其区别）

键盘事件

键盘事件主要有三个，也是平常开发过程中，尤其是在文本框输入时，非常常用的。

• keydown： 当用户按下键盘上的任意键时触发，如果按住不放会重复触发。
• keypress： 当用户按下键盘上的字符键时触发，如果按住不放会重复触发。（ESC 键也会触发）
• keyup： 当用户释放键盘上的键时触发。

虽然所有的元素都支持上面的三个事件，但是只有在用户通过文本输入时才最常用。

触发顺序：

当用户按了一个键盘上的字符键时，首先触发 keydown 事件，然后紧跟着时 keypress 事件，最后会触发 keyup 事件。其中，keydown 和 keypress 都是在文本框发生变化之前被触发的；而 keyup 是在文本框已经改变之后触发的。

修改键：

键盘事件中的修改键与鼠标事件的修改键类似。
而且键盘事件的事件对象中也有 shiftKey、ctrlKey、altKey 和 metaKey 属性。

---

文本事件

文本事件只有一个：

textInput： 这个事件是对 keypress 的补充，用意是在将文本显示给用户之前更容易拦截文本。在文本插入文本框之前会触发 textInput 事件。

详细介绍见另一篇博客：
https://blog.csdn.net/TalonZhang/article/details/84447459