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 原型链学习总结
Oct 29 Javascript
jQuery 源码分析笔记(6) jQuery.data
Jun 08 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
javascript用户注册提示效果的简单实例
Aug 17 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
JS实现Select的option上下移动的方法
Mar 01 Javascript
详解Angular CLI + Electron 开发环境搭建
Jul 20 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
在layui框架中select下拉框监听更改事件的例子
Sep 20 Javascript
vue实现图片按比例缩放问题操作
Aug 11 Javascript
nuxt引入组件和公共样式的操作
Nov 05 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
摩卡咖啡
2021/03/03 咖啡文化
如何在PHP中使用Oracle数据库(3)
2006/10/09 PHP
PHP print类函数使用总结
2010/06/25 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
php像数组一样存取和修改字符串字符
2014/03/21 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
2016/01/28 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
nodejs超出最大的调用栈错误问题
2017/12/27 NodeJs
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
JavaScript设计模式之责任链模式实例分析
2019/01/16 Javascript
Nodejs监控事件循环异常示例详解
2019/09/22 NodeJs
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
详解Python中的循环语句的用法
2015/04/09 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
python标准库OS模块详解
2020/03/10 Python
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
局域网标准
2016/09/10 面试题
党员实事承诺书
2014/03/26 职场文书
导游词之长城八达岭
2019/09/24 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
python实现简易自习室座位预约系统
2021/06/30 Python
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python