《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 识别的击键。
JQuery键盘事件
最新推荐文章于 2024-07-14 03:36:05 发布