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 相关文章推荐
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
javascript与有限状态机详解
May 08 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
解决微信二次分享不显示摘要和图片的问题
Aug 18 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
jQuery实现评论模块
Aug 19 jQuery
原生JS实现飞机大战小游戏
Jun 09 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
PHP自定义函数格式化json数据示例
2016/09/14 PHP
一些常用的Javascript函数
2006/12/22 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
详解在Python和IPython中使用Docker
2015/04/28 Python
python实现redis三种cas事务操作
2017/12/19 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Python3实现飞机大战游戏
2020/04/24 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
Cecil Mode法国在线商店:女性时尚
2021/01/08 全球购物
傲盾软件面试题
2015/08/17 面试题
为什么需要版本控制?
2013/08/08 面试题
中学团支部工作总结
2015/08/13 职场文书
导游词之河北野三坡
2019/12/11 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
golang 实现并发求和
2021/05/08 Golang
使用springMVC所需要的pom配置
2021/09/15 Java/Android