键盘事件应该很好理解,就是按下或者松开键盘按键所触发的事件,在实际应用中也算是比较常用,下面就来介绍一下,希望能够给需要的朋友带来一定的帮助。

一.常用的键盘事件:

(1).keydown事件:

此事件当键盘按键被按下时触发。

(2).keyup事件:

此事件会在被按下的按键被松开的时候触发。

(3).keypress事件:

此事件会在键盘按键被按下后再被松开时触发,也就是一个完整的按下+松开操作。

以上几个事件这里就不多介绍了,具体可以参阅:

1.keydown事件可以参阅jQuery keydown事件一章节。

2.keyup事件可以参阅jQuery keyup事件一章节。

3.keypress事件可以参阅jQuery keypress事件一章节。

二.获取键盘的按键对象的ASCII码:

键盘事件一般要知道哪个键被按下或者松开以执行相应的操作,看一段代码实例:
   [ jQuery ] 运行代码    下载代码
<script>
$(document).keydown(function(e){ 
  e.which; 
});
</script>
由以上代码可以看出通过事件对象的keyCode属性可以获取对象的按键码。

which属性可以参阅jQuery event.which属性一章节。

按键码对象可以参阅js的键盘按键keyCode属性值对应表一章节。

三.简单的应用实例:

不少的文本框都有这样的功能,当点击ctrl+enter键的时候能够提交文本框中的内容。

代码如下:
   [ jQuery ] 运行代码    下载代码
<script>
$(document).keypress(function(e){ 
  if(e.ctrlKey&&e.which==13)
  {
    $("form").submit(); 
  } 
})
</script>

代码描述:jQuery键盘事件。jQuery键盘事件代码实例



126 168



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到