jQuery键盘事件

开发工具与关键技术:Visual Studio / jQuery键盘事件
作者:郑名方
撰写时间:2019年5月8日

键盘事件为“keydown()”事件绑定一个处理函数,或者触发元素上的“keydown”事件。
这个方法的前两个用法是.bind(‘keydown’, handler)的快捷方式,第3个不带参数的用法是.noticeId(‘keydown’)的快捷方式。当用户在一个元素上第一次按下键盘上的键的时候,keydown事件就会发送给这个元素。它可以绑定到任何元素,但该事件只是发送到具有焦点的元素上。不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。
举个例子,请看下面的代码。jQuery键盘事件

键盘事件为”keypress()事件绑定一个处理函数,或者触发元素上的“keypress“事件。
这个方法的前两个用法是.bind(‘keypress’, handler)的快捷方式,第3个不带参数的用法是.trigger(‘keypress’)的快捷方式。当浏览器捕获一个元素上键盘输入时,keypress就会发送个元素。这是类似keydown事件,除了当按键被一直按下(即连续插入字符的场合)时的处理。如果用户按下并按住这个键(不松开释放)的时候,keydown事件只触发一次,但是keypress会在每个字符插入的时候都会触发事件。此外,组合键(如Shift)会触发keydown事件,但不会触发keypress事件。keypress事件处理程序可以附加到任何元素,但该事件只是发送到具有焦点的元素上。不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。
举个例子,请看下面的代码。
jQuery键盘事件

键盘事件为“keyup”事件绑定一个处理函数,或者触发元素上的“keyup”事件。
这个方法的前两个用法是.bind(‘keyup’, handler)的快捷方式,第3个不带参数的用法是.trigger1(‘keyup’)的快捷方式。当用户在一个元素上释放按键的时候,keyup事件就会被附加到这个元素。它可以绑定到任何元素,但该事件只是发送到获取焦点的元素上。不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。
举个例子,请看下面的代码。
jQuery键盘事件