您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“JavaScript鍵盤事件響應(yīng)順序的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JavaScript鍵盤事件響應(yīng)順序的示例分析”這篇文章吧。
鍵盤響應(yīng)順序
當(dāng)按下鍵盤時(shí),會觸發(fā)多個(gè)事件,它們將按順序發(fā)生。
對于字符鍵來說,鍵盤事件的影響順序如下:
1.keydown
2.keypress
3.keyup
對于非字符鍵(如功能鍵或特殊鍵)來說,鍵盤事件的響應(yīng)順序如下:
1.keydown
2.keyup
如果按下字符鍵不放,則keydown和keypress事件將逐個(gè)發(fā)生,直至松開按鍵。
如果按下非字符鍵不放,則只有keydown事件持續(xù)發(fā)生,直至松開按鍵。
示例:獲取鍵盤事件響應(yīng)順序:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <textarea id="text" cols="26" rows="16"></textarea> <script> var n = 1; var text = document.getElementById("text"); text.onkeydown = f; text.onkeyup = f; text.onkeypress = f; function f(e){ var e = e || window.event; text.value += (n++) + "=" + e.type + " (keyCode=" + e.keyCode + ")\n"; } </script> </body> </html>
輸入abc
分別輸入Shift、Ctrl、Alt功能鍵
連續(xù)按下字符a
連續(xù)按下Shift
以上是“JavaScript鍵盤事件響應(yīng)順序的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。