jquery键盘事件介绍

 更新时间:2011年01月31日 14:38:54   作者:  
jquery键盘事件介绍,使用jquery的朋友可以参考下。
一、首先需要知道的是:
1、keydown()
keydown事件会在键盘按下时触发.
2、keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
3、keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键


二、获得键盘上对应的ascII码:
$(document).keydown(function(event){
alert(event.keyCode);
});

$tips: 上面例子中,event.keyCode就可以帮助我们获取到我们按下了键盘上的什么按键,他返回的是ascII码,比如说上下左右键,分别是38,40,37,39;

三、实例(当按下键盘上的左右方面键时)
复制代码 代码如下:

$(document).keydown(function(event){
//判断当event.keyCode 为37时(即左方面键),执行函数to_left();
//判断当event.keyCode 为39时(即右方面键),执行函数to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});


四、TIPS:
该实例常用于电子相册浏览时。。。

相关文章

  • JQueryEasyUI框架下的combobox的取值和绑定的方法

    JQueryEasyUI框架下的combobox的取值和绑定的方法

    这篇文章主要介绍了JQueryEasyUI框架下的combobox的取值和绑定的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-01-01
  • jQuery中$.ajax()方法的具体使用

    jQuery中$.ajax()方法的具体使用

    本文主要介绍了jQuery中$.ajax()方法的具体使用,$.ajax(url,[settings])通过 HTTP 请求加载远程数据,文中通过示例代码详细的介绍了$.ajax()的用法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • jQuery EasyUI NumberBox(数字框)的用法

    jQuery EasyUI NumberBox(数字框)的用法

    jQuery EasyUI 数字框(NumberBox)用法
    2010-07-07
  • Bootstrap table 实现树形表格联动选中联动取消功能

    Bootstrap table 实现树形表格联动选中联动取消功能

    这篇文章主要介绍了Bootstrap table 实现树形表格联动选中联动取消功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • JQuery筛选器全系列介绍

    JQuery筛选器全系列介绍

    jQuery提供了强大的选择器让我们获取对象。在这边,我人为地将jQuery选择器分为两大部分:选择对象和筛选条件。选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对象
    2013-08-08
  • jquery得到font-size属性值实现代码

    jquery得到font-size属性值实现代码

    font-size属性想必大家并不陌生吧,此属性控制字体的大小,在本文将为大家介绍下如何使用jquery获取font-size属性值,感兴趣的朋友可以参考下
    2013-09-09
  • jQuery实现列表内容的动态载入特效

    jQuery实现列表内容的动态载入特效

    这里给大家分享的是使用jQuery实现列表内容的动态载入的特效,效果相当棒,后面附上瀑布流的实现思路和关键代码,有需要的小伙伴可以参考下。
    2015-08-08
  • jQuery 标题的自动翻转实现代码

    jQuery 标题的自动翻转实现代码

    我们平时在开发web程序的时候,想把一个新闻源滚动显示新闻的条目的标题及内容摘要,而且是每次一条,有点类似csdn的滚动广告。
    2009-10-10
  • jQuery Ajax使用 全解析

    jQuery Ajax使用 全解析

    jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
    2010-12-12
  • json定义及jquery操作json的方法

    json定义及jquery操作json的方法

    下面小编就为大家带来一篇json定义及jquery操作json的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10

最新评论