js onkeypress與onkeydown 事件區(qū)別詳細(xì)說明
onkeypress 和 onkeydown 是有區(qū)別,下面將講解 onkeypress 與 onkeydown 事件的區(qū)別。
onkeypress 事件在用戶按下并放開任何字母數(shù)字鍵時發(fā)生。但是系統(tǒng)按鈕(例如:箭頭鍵、功能鍵)無法得到識別。
onkeydown 事件在用戶按下任何鍵盤鍵(包括系統(tǒng)按鈕)時發(fā)生。
具體區(qū)別:
1. 一個放開一個沒有放開,onkeydown 先于 onkeypress 發(fā)生。
2.onkeypress 無法系統(tǒng)按鈕。
2.onkeydown 捕獲的 keyCode 不區(qū)分字母大小,而 onkeypress 區(qū)分。
onkeypress是在用戶按下并放開任何字母數(shù)字鍵時發(fā)生。系統(tǒng)按鈕(例如,箭頭鍵和功能鍵)無法得到識別。
onkeyup 是在用戶放開任何先前按下的鍵盤鍵時發(fā)生。
onkeydown 是在用戶按下任何鍵盤鍵(包括系統(tǒng)按鈕,如箭頭鍵和功能鍵)時發(fā)生。
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;
}
- IE與Firefox下javascript getyear年份的兼容性寫法
- javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
- Javascript 多瀏覽器兼容性問題及解決方案
- js 實用的無間斷滾動圖效果(良好兼容性)
- 兼容性非常好的js右下角與漂浮廣告代碼
- 利用Javascript判斷操作系統(tǒng)的類型實現(xiàn)不同操作系統(tǒng)下的兼容性
- 原生javascript兼容性測試實例
- css與javascript跨瀏覽器兼容性總結(jié)
- JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)
- JS onkeypress兼容性寫法詳解
相關(guān)文章
javascript對話框使用方法(警告框 javascript確認(rèn)框 提示框)
javascript對話框使用方法,有警告框、確認(rèn)框、提示框的使用方法和語法,大家參考使用吧2014-01-01JavaScript展開操作符(Spread operator)詳解
在本篇文章里小編給大家整理的是關(guān)于JavaScript展開操作符(Spread operator)的詳細(xì)介紹以及用法,需要的讀者們參考下。2019-07-07關(guān)于jQuery參考實例2.0 用jQuery選擇元素
本篇文章小編為大家介紹,關(guān)于jQuery參考實例2.0 用jQuery選擇元素,有需要的朋友可以參考一下。2013-04-04javascript學(xué)習(xí)筆記(十二) RegExp類型介紹
javascript學(xué)習(xí)筆記之RegExp類型介紹,學(xué)習(xí)js的朋友可以參考下2012-06-06詳解JavaScript編程中的數(shù)組結(jié)構(gòu)
這篇文章主要介紹了詳解JavaScript編程中的數(shù)組結(jié)構(gòu),是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-10-10深入理解JavaScript系列(43):設(shè)計模式之狀態(tài)模式詳解
這篇文章主要介紹了深入理解JavaScript系列(43):設(shè)計模式之狀態(tài)模式詳解,狀態(tài)模式(State)允許一個對象在其內(nèi)部狀態(tài)改變的時候改變它的行為,對象看起來似乎修改了它的類,需要的朋友可以參考下2015-03-03JavaScript高級程序設(shè)計(第3版)學(xué)習(xí)筆記6 初識js對象
砌好墻,下面出場的就是房子了,在ECMAScript中,對象就是我們所說的房子,至于你所寫的整個應(yīng)用程序,那就是一整套建筑群了2012-10-10