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 相关文章推荐
JS命名空间的另一种实现
Aug 09 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
AngularJS 使用$sce控制代码安全检查
Jan 05 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
Apr 14 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
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
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
PHP错误和异长常处理总结
2014/03/06 PHP
PHP微框架Dispatch简介
2014/06/12 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
jQuery 1.5最新版本的改进细节分析
2011/01/19 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
Node.js中child_process实现多进程
2015/02/03 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
使用OPENLAYERS3实现点选的方法
2020/09/24 Javascript
Puppet的一些技巧
2018/09/17 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
react native 仿微信聊天室实例代码
2019/09/17 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
python模块之StringIO使用示例
2015/04/08 Python
Python变量类型知识点总结
2019/02/18 Python
Python XlsxWriter模块Chart类用法实例分析
2019/03/11 Python
python实现最大优先队列
2019/08/29 Python
如何基于Python实现自动扫雷
2020/01/06 Python
python热力图实现简单方法
2021/01/29 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
保险公司演讲稿
2014/09/02 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
邀请书格式范文
2015/02/02 职场文书
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL
openstack云计算keystone组件工作介绍
2022/04/20 Servers