JQuery键盘事件

《JQuery键盘事件》
开发工具与关键技术：前端 && 谷歌浏览器
作者：肖春庆
撰写时间：2019年02月15日
JQuery提供了对应键盘事件keydown事件,keyup事件和keyprees事件。
一、keydown事件：
当按下键盘按钮时就触发它。但是按下键盘触发显示会延迟一个按钮例如（图1）。

图1
图1中当按下第6个字母了，它才显示前5个字母。实现上他触发了6个，只是显示会延迟一个。
实现代码（图2）：

图2
声明一个函数并且通过form的形式输出，限定只能输出英语字母。
二、keyup事件：
当按下键盘按钮时,它还没有触发它，而是当释放键盘按钮它才会触发它例如（他3）：

图3
图3中当按下6个字母了，一一显示了。说明按键触发的同时，并弹起同一的按键。
实现代码（图4）：

图4
keyup事件触发时整个键盘事件的操作已经完成。
三、keyprees事件：
在每一个keyprees事件绑定的函数处理，KeyPress主要用来接收字母、数字等ANSI字符。
实现代码（图5）：

图5
keypress的响应，这个跟keydown是非常相似。
总结：
keydown事件,keyup事件和keyprees事件区别 keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本。KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。