Home > Web Front-end > JS Tutorial > Detailed explanation of the difference between js onkeypress and onkeydown events_Basic knowledge

Detailed explanation of the difference between js onkeypress and onkeydown events_Basic knowledge

WBOY
Release: 2016-05-16 17:46:35
Original
1414 people have browsed it

There is a difference between onkeypress and onkeydown. The difference between onkeypress and onkeydown events will be explained below.
The onkeypress event occurs when the user presses and releases any alphanumeric key. But system buttons (e.g. arrow keys, function keys) are not recognized.
The onkeydown event occurs when the user presses any keyboard key, including system buttons.
Specific differences:
1. One is released and the other is not released, onkeydown occurs before onkeypress.
2.onkeypress cannot system button.
2. The keyCode captured by onkeydown does not distinguish between letter sizes, but onkeypress does.

onkeypress occurs when the user presses and releases any alphanumeric key. System buttons (for example, arrow keys and function keys) are not recognized.
onkeyup occurs when the user releases any previously pressed keyboard key.
onkeydown occurs when the user presses any keyboard key (including system buttons such as arrow keys and function keys).

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.

Press both together, like this:

Copy code The code is as follows:

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;

}
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template