`

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

    博客分类:
  • JS
阅读更多

本文将详细介绍js onkeypress与onkeydown 事件区别:一个放开一个没有放开,onkeydown先于onkeypress 发生,需要的朋友可以参考下:

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; 

} 

 

分享到:
评论

相关推荐

    浅析OnKeyPress事件和OnKeyDownOnKeyUp事件

    浅析OnKeyPress事件和OnKeyDown、OnKeyUp事件

    JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)

    注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理。具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别。 提示 Internet ...

    JavaScript onkeydown事件入门实例(键盘某个按键被按下)

    与 onkeypress 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 ...

    javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick

    昨天群里面的朋友问了个比较有意思的问题,keydown,keyup,keypress事件的先后顺序。

    javascript-event-keycode-finder:找出javascript的OnKeyDown,OnKeyUp和OnKeyPress事件调用的键码的简单工具

    Javascript事件键码查找器 找出javascript的OnKeyDown,OnKeyUp和OnKeyPress事件调用的键码的简单工具。 现场演示: :

    文本框中,回车键触发事件的js代码[多浏览器兼容]

    判断是否按下的为回车非常简单: 代码如下: function EnterPress(){ if(event.keyCode == 13){ … } } IE6的onkeypress会接受”回车事件”,而onkeydown不会接受 IE8的onkeypress不会接受”回车事件”,而onkeydown会...

    js 键盘事件 鼠标单击事件

    事件名称 说明 onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。 onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。 onkeydown 这个事件在...

    js实现键盘控制图片的移动

    &lt;script type="text/javascript"&gt; function test(id){ alert(id); } if(typeof GetControlundefined) GetControl=function (id) { return document.getElementById(id); }; ...

    js事件总结

    onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当...

    事件高级用法及兼容写法

    1)事件对象:当浏览器执行事件的时候,会将所有与事件相关的内容(鼠标位置,触发的目标等)封装为一个对象,并且在触发事件的函数,在事件函数中进行传递 Event 常见属性: clientX clinetY 鼠标相对客户端的位置 ...

    Javascript实现字数统计

    字数统计功能,原理是给textarea添加onKeyup事件,事件读取textarea内容并获得长度,并赋值给统计字数的那个文本节点,这里有一点要注意的是添加onKeypress和onKeydown事件也能实现效果,但都有些不足,会在某些情况...

    Textbox控件注册回车事件及触发按钮提交事件具体实现

    由于并且该服务端TextBox控件没有提供OnKeyPress或OnKeyDown等事件,也无法针对回车事件写后台代码来调用Button按钮的点击事件。 于是上网查找相关的介绍,最终解决了以下两个问题: (一)、实现在TextBox控件回车...

    JavaScript基础教程第8版

    8.4.3 onkeypress事件 172 第9章 JavaScript和cookie 173 9.1 建立第一个cookie 173 9.2 读取cookie 176 9.3 显示cookie 177 9.4 使用cookie作为计数器 178 9.5 删除cookie 180 9.6 处理多个cookie...

    按回车键时跳到下一个表单元素的javascript代码

    按回车键时跳到下一个表单元素的javascript代码 &lt;br&gt;函数说明:按回车键时跳到下一个表单元素 JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题) 在页面调用: &lt;script ...

    javascript中键盘事件用法实例分析

    键盘事件包含onkeydown、onkeypress和onkeyup这三个事件 事件初始化 function keyDown(){} [removed] = keyDown; //论按下键盘上的哪个键,都将调用KeyDown()函数。 DOM标准下 function keyDown(e) { var ...

    浅谈js键盘事件全面控制

    用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,...

    JavaScript语言参考手册

    内含: JavaScript语言参考手册.pdf (主要资源) 另外附上: ...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法 索引

Global site tag (gtag.js) - Google Analytics