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 相关文章推荐
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
Dec 21 Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
Angular中使用MathJax遇到的一些问题
Dec 15 Javascript
Angularjs中的$apply及优化使用详解
Jul 02 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
坏狼php学习 计数器实例代码
2008/06/15 PHP
PHP求小于1000的所有水仙花数的代码
2012/01/10 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
js改变文章字体大小的实例代码
2013/11/27 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
2016/08/11 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
vue+flask实现视频合成功能(拖拽上传)
2021/03/04 Vue.js
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
Python下Fabric的简单部署方法
2015/07/14 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
python实现文本界面网络聊天室
2018/12/12 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
在django中,关于session的通用设置方法
2019/08/06 Python
python利用7z批量解压rar的实现
2019/08/07 Python
python 实现手机自动拨打电话的方法(通话压力测试)
2019/08/08 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
通过实例解析python and和or使用方法
2020/11/14 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
白俄罗斯女装和针织品网上商店:Presli.by
2019/10/13 全球购物
如何安装ruby on rails
2014/02/09 面试题
自我评价范文点评
2013/12/04 职场文书
房产协议书范本
2014/10/18 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
如何用python清洗文件中的数据
2021/06/18 Python