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基礎(chǔ)教程之?dāng)?shù)據(jù)類型 (數(shù)值 Number)
本文講述的是javascript中九種數(shù)據(jù)類型的第二種--數(shù)值(Number),使用非常簡單,這里推薦給小伙伴們。2015-01-01
結(jié)合代碼圖文講解JavaScript中的作用域與作用域鏈
JavaScript雖然沒有類,但變量和一些函數(shù)卻同樣擁有局部作用域的制約,下面結(jié)合代碼圖文講解JavaScript中的作用域與作用域鏈:2016-07-07
THREE.JS入門教程(6)創(chuàng)建自己的全景圖實現(xiàn)步驟
Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實現(xiàn)真正意義的3D,全景圖非??帷J褂肨hree.js做一個屬于自己的全景圖并不是那么困難,感興趣的朋友可以了解下啊,希望本文對你有所幫助2013-01-01
JavaScript中的原型繼承基礎(chǔ)學(xué)習(xí)教程
這篇文章主要介紹了JavaScript中的原型繼承基礎(chǔ)學(xué)習(xí)教程,基于原型prototype的繼承是JavaScript中實現(xiàn)面向?qū)ο笾械睦^承特性的基本手段,需要的朋友可以參考下2016-05-05
JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)詳解
在前端JavaScript編程過程中,為了開發(fā)出更具交互性的web應(yīng)用,需要對一些數(shù)組進(jìn)行處理,下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)的相關(guān)資料,需要的朋友可以參考下2022-04-04

