javascript KeyDown、KeyPress和KeyUp事件的区别与联系


Posted in Javascript onDecember 03, 2009

KeyDown:在控件有焦点的情况下按下键时发生。
KeyPress:在控件有焦点的情况下按下键时发生。
KeyUp:在控件有焦点的情况下释放键时发生。

1、KeyPress主要用来接收字母、数字等ANSI字符
KeyDown 和 KeyUP 事件过程通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键

2、KeyPress 只能捕获单个字符
KeyDown 和KeyUp 可以捕获组合键。

3、KeyPress 不显示键盘的物理状态(SHIFT键),而只是传递一个字符。KeyPress 将每个字符的大、小写形式作为不同的键代码解

释,即作为两种不同的字符。
KeyDown 和KeyUp 不能判断键值字母的大小。KeyDown 和 KeyUp 用两种参数解释每个字符的大写形式和小写形式:keycode — 显

示物理的键(将 A 和 a 作为同一个键返回)和 shift —指示 shift + key 键的状态而且返回 A 或 a 其中之一。

5、KeyPress 不区分小键盘和主键盘的数字字符。
KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。

6、KeyDown、KeyUp事件是当按下 ( KeyDown ) 或松开 ( KeyUp ) 一个键时发生的。
由于一般按下键盘的键往往会立即放开(这和鼠标不同),所以这两个事件使用哪个差别不大。

而且,up和其他两者还有一个区别:要判断key修改后的状态必须用up。

Javascript 相关文章推荐
jquery对表单操作2
Apr 06 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
微信分享的标题、缩略图、连接及描述设置方法
Oct 14 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
Node.js+Express配置入门教程
May 19 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
javascript json 新手入门文档
Dec 03 #Javascript
js 屏蔽鼠标右键脚本附破解方法
Dec 03 #Javascript
33种Javascript 表格排序控件收集
Dec 03 #Javascript
javascript 面向对象全新理练之原型继承
Dec 03 #Javascript
javascript 面向对象全新理练之继承与多态
Dec 03 #Javascript
javascript 面向对象全新理练之数据的封装
Dec 03 #Javascript
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 #Javascript
You might like
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
用PHP读取超大文件的实例代码
2012/04/01 PHP
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
js中不同的height, top的区别对比
2015/09/24 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python3.0 实现决策树算法的流程
2019/08/08 Python
python实现代码统计程序
2019/09/19 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
中专生职业生涯规划书范文
2014/01/10 职场文书
应聘编辑自荐信范文
2014/03/12 职场文书
记账会计岗位职责
2014/06/16 职场文书
管理标语大全
2014/06/24 职场文书
大学专科求职信
2014/07/02 职场文书
行政管理专业求职信
2014/07/06 职场文书
学习十八大宣传标语
2014/10/09 职场文书
2015年安全生产责任书
2015/01/30 职场文书
2015年底工作总结范文
2015/05/15 职场文书
MySQL 如何分析查询性能
2021/05/12 MySQL