js onkeypress与onkeydown 事件区别详细说明


Posted in Javascript onDecember 13, 2012

onkeypress 和 onkeydown 是有区别,下面将讲解 onkeypress 与 onkeydown 事件的区别。
onkeypress 事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。
onkeydown 事件在用户按下任何键盘键(包括系统按钮)时发生。
具体区别
1. 一个放开一个没有放开,onkeydown 先于 onkeypress 发生。
2.onkeypress 无法系统按钮。
2.onkeydown 捕获的 keyCode 不区分字母大小,而 onkeypress 区分。

onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。
onkeyup 是在用户放开任何先前按下的键盘键时发生。
onkeydown 是在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。

onkeypress
As of Microsoft® Internet Explorer 4.0, the onkeypress event fires and can be canceled for the following keys:

Letters: A - Z (uppercase and lowercase)
Numerals: 0 - 9
Symbols: ! @ # $ % ^ & * ( ) _ - + = < [ ] { } , . / ? \ | ' ` " ~
System: ESC, SPACEBAR, ENTER

onkeydown
As of Microsoft® Internet Explorer 4.0, the onkeydown event fires for the following keys:

Editing: DELETE, INSERT
Function: F1 - F12
Letters: A - Z (uppercase and lowercase)
Navigation: HOME, END, LEFT ARROW, RIGHT ARROW, UP ARROW, DOWN ARROW
Numerals: 0 - 9
Symbols: ! @ # $ % ^ & * ( ) _ - + = < [ ] { } , . / ? \ | ' ` " ~
System: ESC, SPACEBAR, SHIFT, TAB

As of Internet Explorer 5, the event also fires for the following keys:

Editing: BACKSPACE
Navigation: PAGE UP, PAGE DOWN
System: SHIFT+TAB

As of Internet Explorer 5, this event can be canceled for the following keys and key combinations by specifying event.returnValue=false:

Editing: BACKSPACE, DELETE
Letters: A - Z (uppercase and lowercase)
Navigation: PAGE UP, PAGE DOWN, END, HOME, LEFT ARROW, RIGHT ARROW, UP ARROW, DOWN ARROW
Numerals: 0 - 9
Symbols: ! @ # $ % ^ & * ( ) _ - + = < [ ] { } , . / ? \ | ' ` " ~
System: SPACEBAR, ESC, TAB, SHIFT+TAB

You can cancel all keys that fire the onkeydown event in HTML Applications, including most accelerator keys, such as ALT+F4.

In Internet Explorer 4.0, you cannot cancel the onkeydown event, but you can use the onkeypress event to cancel keyboard events.

两个一起按,可以这样:

if( window.event.shiftKey && event.keyCode==xx) function document_onpress() 
{ 
if(event.keyCode=='13') 
{ 
document.all.div_Line.style.pixelLeft=document.all.div_Line.style.pixelLeft+1; 
document.all.div_Q.style.pixelLeft=document.all.div_Q.style.pixelLeft+1; 
document.all.div_T.style.pixelLeft=document.all.div_T.style.pixelLeft+1; 
}
Javascript 相关文章推荐
理解Javascript_12_执行模型浅析
Oct 18 Javascript
javascript获取当前日期时间及其它操作函数
Jan 11 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 Javascript
聊聊vue 中的v-on参数问题
Jan 29 Vue.js
javascript 文件的同步加载与异步加载实现原理
Dec 13 #Javascript
javaScript复制功能调用实现方案
Dec 13 #Javascript
js遍历td tr等html元素
Dec 13 #Javascript
js关闭模态窗口刷新父页面或跳转页面
Dec 13 #Javascript
HTML复选框和单选框 checkbox和radio事件介绍
Dec 12 #Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 #Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 #Javascript
You might like
一些关于PHP的知识
2006/11/17 PHP
PHPMyadmin 配置文件详解(配置)
2009/12/03 PHP
初步介绍PHP扩展开发经验分享
2012/09/06 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
php实现word转html的方法
2016/01/22 PHP
php版阿里云OSS图片上传类详解
2016/12/01 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
js切换div css注意的细节
2012/12/10 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
2018/05/16 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
Window系统下Python如何安装OpenCV库
2020/03/05 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
教育学专业毕业生的自我评价
2013/11/21 职场文书
大型晚会策划方案
2014/02/06 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
MySQL注入基础练习
2021/05/30 MySQL