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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
JavaScript设计模式初探
Jan 07 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
Sep 26 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
javascript数组元素删除方法delete和splice解析
Dec 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中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
JS 字符串连接[性能比较]
2009/05/10 Javascript
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
JS中的public和private对象,即static修饰符
2012/01/18 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
Python获取任意xml节点值的方法
2015/05/05 Python
浅谈Python 中整型对象的存储问题
2016/05/16 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
python队列queue模块详解
2018/04/27 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
鱼油专家:Omegavia
2016/10/10 全球购物
美国存储和组织商店:The Container Store
2017/08/16 全球购物
《桃林那间小木屋》教学反思
2014/05/01 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python