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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
extjs 为某个事件设置拦截器
Jan 15 Javascript
JQuery触发事件例如click
Sep 11 Javascript
javascript操作数组详解
Dec 17 Javascript
Backbone.js的一些使用技巧
Jul 01 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
react router4+redux实现路由权限控制的方法
May 03 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
Aug 20 Javascript
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/10/09 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
php图片添加水印例子
2016/07/20 PHP
php实现将二维关联数组转换成字符串的方法详解
2017/07/31 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
js 加载时自动调整图片大小
2008/05/28 Javascript
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
2016/02/22 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
VUE+Element环境搭建与安装的方法步骤
2019/01/24 Javascript
vue实现PC端分辨率适配操作
2020/08/03 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
[01:58]2018DOTA2亚洲邀请赛趣味视频——交流
2018/04/03 DOTA
用python删除java文件头上版权信息的方法
2014/07/31 Python
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
Python贪心算法实例小结
2018/04/22 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
Python实现钉钉订阅消息功能
2020/01/14 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
基于Python词云分析政府工作报告关键词
2020/06/02 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
《我不是最弱小的》教学反思
2014/02/23 职场文书
北体毕业生求职信
2014/02/28 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
投标单位介绍信
2015/05/05 职场文书
学校捐书活动总结
2015/05/08 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技