jquery键盘事件介绍


Posted in Javascript onJanuary 31, 2011

一、首先需要知道的是:
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:
该实例常用于电子相册浏览时。。。

Javascript 相关文章推荐
Javascript的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
使用js检测浏览器的实现代码
May 14 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 Javascript
上传文件返回的json数据会被提示下载问题解决方案
Dec 03 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
JavaScript的函数式编程基础指南
Mar 19 Javascript
jQuery实现扑克正反面翻牌效果
Mar 10 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
javascript代码加载优化方法
Jan 30 #Javascript
javascript使用activex控件的代码
Jan 27 #Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 #Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 #Javascript
JavaScript 注册事件代码
Jan 27 #Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 #Javascript
EXT窗口Window及对话框MessageBox
Jan 27 #Javascript
You might like
一个PHP日历程序
2006/12/06 PHP
PHP 时间转换Unix时间戳代码
2010/01/22 PHP
php设计模式之命令模式的应用详解
2013/05/21 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
PHP可变函数学习小结
2015/11/29 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
JS实现方向键切换输入框焦点的方法
2015/08/19 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
图文详解WinPE下安装Python
2016/05/17 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
python绘制多个子图的实例
2019/07/07 Python
python实现函数极小值
2019/07/10 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
《社戏》教学反思
2014/04/15 职场文书
党员政治学习材料
2014/05/14 职场文书
政风行风建设整改方案
2014/10/27 职场文书
检查机关领导群众路线教育实践活动个人整改措施
2014/10/28 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
医院病假条怎么写
2015/08/17 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python