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:
该实例常用于电子相册浏览时。。。
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:
该实例常用于电子相册浏览时。。。
相关文章
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
本篇文章主要介绍了jQuery同步Ajax带来的UI线程阻塞问题及解决办法，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
jQuery Tab插件 用于在Tab中显示iframe，附源码和详细说明
最近有个需求，需要在Tab中放置iFrame，于是做了一个jQuery的Tab插件。2011-06-06
这篇文章主要介绍了jquery如何自定义表格样式，分别实现三种样式：默认状态（灰白相间），鼠标悬浮状态（绿色），鼠标点击状态（黄色），感兴趣的小伙伴们可以参考一下2015-11-11
上次做了一个前端项目，其中有功能要求实现jquery 全选和反选功能，下面小编抽个时间把实现代码分享到脚本之家平台供大家参考下2016-08-08
jQuery Easyui datagrid/treegrid 清空数据
这篇文章主要介绍了jQuery Easyui datagrid/treegrid 清空数据的相关资料2016-07-07
这篇文章主要介绍了jQuery同步提交实现方法,实例分析了jQuery基于ajax实现同步提交的具体技巧,以及jQuery版本更新的使用注意事项,需要的朋友可以参考下2015-12-12
jquery.form.js实现将form提交转为ajax方式提交的方法
这篇文章主要介绍了jquery.form.js实现将form提交转为ajax方式提交的方法,涉及jQuery插件实现form表单的Ajax提交技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
判断jquery对象是否存在的方法有很多，在本文将为大家详细介绍下，通过length属性是如何判断的2013-10-10
jQuery Pagination分页插件_动力节点Java学院整理
此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。下面通过本文给大家分享jQuery Pagination分页插件的使用方法及参数介绍，感兴趣的朋友一起看看吧2017-07-07
这篇文章主要是对jquery与prototype框架进行了详细的对比介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
最新评论