JQuery键盘事件

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

图1
图1中当按下第6个字母了&＃xff0c;它才显示前5个字母。实现上他触发了6个&＃xff0c;只是显示会延迟一个。
实现代码&＃xff08;图2&＃xff09;&＃xff1a;

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

图3
图3中当按下6个字母了&＃xff0c;一一显示了。说明按键触发的同时&＃xff0c;并弹起同一的按键。
实现代码&＃xff08;图4&＃xff09;&＃xff1a;

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

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