jquery 事件--键盘事件

一、keydown()与keyup()事件

• keydown是在键盘按下就会触发
• keyup是在键盘松手就会触发
• 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。

<input class="target1" type="text" value="" />
<p></p>

$('.target1').keydown(function(e) {
       $("p:first").text(e.target.value)
});

keyup事件：

当用户在一个元素上第一次松手键盘上的键的时候，就会触发它。使用方法与keydown是一致的只是触发的条件是方法的

 

二、keypress()事件

在input元素上绑定keydown事件会发现一个问题：每次获取的内容都是之前输入的，当前输入的获取不到

keypress事件与keydown和keyup的主要区别：

• 只能捕获单个字符，不能捕获组合键
• 无法响应系统功能键（如delete，backspace）
• 不区分小键盘和主键盘的数字字符

KeyPress主要用来接收字母、数字等ANSI字符，

而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。

诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。

 

转载于:https://www.cnblogs.com/luhailin/p/6845468.html