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 相关文章推荐
javascript getElementsByClassName函数
Apr 01 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
javascript数组详解
Oct 22 Javascript
jQuery中[attribute^=value]选择器用法实例
Dec 31 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
新手vue构建单页面应用实例代码
Sep 18 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
对vue下点击事件传参和不传参的区别详解
Sep 15 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
基于vue-cli3和element实现登陆页面
Nov 13 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简单实现文件或图片强制下载的方法
2016/12/06 PHP
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
Javascript的表单验证-初识正则表达式
2016/03/18 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
JS操作JSON方法总结(推荐)
2016/06/14 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
2017/04/05 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
vue-cli3 karma单元测试的实现
2019/01/18 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
Python编程使用tkinter模块实现计算器软件完整代码示例
2017/11/29 Python
python 显示数组全部元素的方法
2018/04/19 Python
Python实现的建造者模式示例
2018/08/06 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
Django多数据库联用实现方法解析
2020/11/12 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
Java文件和目录(IO)操作
2014/08/26 面试题
餐饮总经理岗位职责
2014/03/07 职场文书
门面租赁合同范文
2019/08/06 职场文书