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中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
js绘制圆形和矩形的方法
Aug 05 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
JavaScript中的this机制
Jan 30 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
JS基于正则表达式实现的密码强度验证功能示例
Sep 21 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
Jul 26 Javascript
vue 动态绑定背景图片的方法
Aug 10 Javascript
Vue.js实现开发购物车功能的方法详解
Feb 22 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 调试工具Debug Tools
2011/04/30 PHP
php将12小时制转换成24小时制的方法
2015/03/31 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
YUI 读码日记之 YAHOO.util.Dom - Part.1
2008/03/22 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
Vue-resource实现ajax请求和跨域请求示例
2017/02/23 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
JS实现判断移动端PC端功能
2020/02/21 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
Python计算斗牛游戏概率算法实例分析
2017/09/26 Python
Python应用库大全总结
2018/05/30 Python
Windows系统下PhantomJS的安装和基本用法
2018/10/21 Python
python 获取等间隔的数组实例
2019/07/04 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
pycharm激活码快速激活及使用步骤
2020/03/12 Python
Python 读取WAV音频文件 画频谱的实例
2020/03/14 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
优质护理心得体会
2016/01/22 职场文书
redis限流的实际应用
2021/04/24 Redis
Java 多线程协作作业之信号同步
2022/05/11 Java/Android
Golang gRPC HTTP协议转换示例
2022/06/16 Golang