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