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 相关文章推荐
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
Vue组件实现触底判断
Jun 26 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 Javascript
js实现复制粘贴的两种方法
Dec 04 Javascript
原生JavaScript实现幻灯片效果
Feb 19 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
Discuz板块横排显示图片的实现方法
2007/05/28 PHP
Yii中表单用法实例详解
2016/01/05 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
2016/12/27 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
js三种排序算法分享
2012/08/16 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
js 用于检测类数组对象的函数方法
2017/05/02 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
2019/11/05 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python脚本暴力破解栅栏密码
2015/10/19 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
python实现连连看游戏
2020/02/14 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
代理协议书
2014/04/22 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
调解书格式范本
2015/05/20 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
Mysql索引失效 数据库表中有索引还是查询很慢
2022/05/15 MySQL