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函数
Aug 01 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
解析JavaScript中的标签语句
Jun 19 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
可能被忽略的一些JavaScript数组方法细节
Feb 28 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
Vue事件处理原理及过程详解
Mar 11 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 Mysql日期和时间函数集合
2007/11/16 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
bootstrap paginator分页前后台用法示例
2017/06/17 Javascript
解决option标签selected="selected"属性失效的问题
2017/11/06 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
vue iview组件表格 render函数的使用方法详解
2018/03/15 Javascript
vue双向数据绑定知识点总结
2018/04/18 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
vue里如何主动销毁keep-alive缓存的组件
2019/03/21 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
招聘专员岗位职责
2014/03/07 职场文书
初三新学期计划书
2014/05/03 职场文书
艾滋病宣传标语
2014/06/25 职场文书
2015年春训学习心得体会范文
2015/03/09 职场文书
62句有关感恩节文案(推荐收藏)
2019/11/28 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android