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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
js获得地址栏?问号后参数的方法
Aug 08 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
结合axios对项目中的api请求进行封装操作
Sep 21 Javascript
为什么node.js不适合大型项目
Apr 28 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
支持oicq头像的留言簿(一)
2006/10/09 PHP
Apache2 httpd.conf 中文版
2006/11/17 PHP
PHP 5.0对象模型深度探索之对象复制
2008/03/27 PHP
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
php学习笔记之mb_strstr的基本使用
2018/02/03 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
js确定对象类型方法
2012/03/30 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
js拖拽功能实现代码解析
2016/11/28 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
Python实现字符串格式化输出的方法详解
2017/09/20 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
python如何求圆的面积
2020/07/01 Python
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
假日旅行社实习自我鉴定
2013/09/24 职场文书
资料员的岗位职责
2013/11/20 职场文书
财务副总经理工作职责
2013/11/25 职场文书
测控技术与仪器个人求职信范文
2013/12/30 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
总经理致辞
2015/07/29 职场文书
人生哲理妙语30条:淡写流年,笑过人生
2019/09/04 职场文书
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技