JavaScript鍵盤事件響應(yīng)順序詳解
更新時間：2019年09月30日 08:46:10 作者：吳聲子夜歌
這篇文章主要為大家詳細(xì)介紹了JavaScript鍵盤事件響應(yīng)順序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
鍵盤響應(yīng)順序
當(dāng)按下鍵盤時，會觸發(fā)多個事件，它們將按順序發(fā)生。
對于字符鍵來說，鍵盤事件的影響順序如下：
1.keydown
2.keypress
3.keyup
對于非字符鍵（如功能鍵或特殊鍵）來說，鍵盤事件的響應(yīng)順序如下：
1.keydown
2.keyup
如果按下字符鍵不放，則keydown和keypress事件將逐個發(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
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之模擬后臺增刪改查，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
下面小編就為大家分享一篇Js判斷H5上下滑動方向及滑動到頂部和底部判斷的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
uniapp實現(xiàn)h5、app與微信小程序三端pdf文件下載和預(yù)覽功能
作為使用uni-app的小白來說,嘗試了好幾種方法,終于得到了我想要的效果,下面這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)h5、app與微信小程序三端pdf文件下載和預(yù)覽功能的相關(guān)資料,需要的朋友可以參考下2022-12-12
下面小編就為大家分享一篇layui表格checkbox選擇全選樣式及功能的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了OpenLayers3加載常用控件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
看代碼主要是用css控制div的顯示和div的顯示位置和式樣的代碼2008-06-06
在開發(fā)過程中,我們經(jīng)常會遇到預(yù)覽PDF的需求,這篇文章主要為大家詳細(xì)介紹了JS如何利用分頁加載和懶加載預(yù)覽PDF,希望對大家有所幫助2024-01-01
最近一個新需求，要求用下拉多選框?qū)崿F(xiàn)省份、城市的級聯(lián)選擇。2010-05-05
這篇文章主要介紹了基于 antd pro 的短信驗證碼登錄功能(流程分析),本文通過實例代碼流程分析給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2021-05-05
JavaScript控制輸入框中只能輸入中文、數(shù)字和英文的方法【基于正則實現(xiàn)】
這篇文章主要介紹了JavaScript控制輸入框中只能輸入中文、數(shù)字和英文的方法,基于正則驗證實現(xiàn)字符輸入限制功能,具有一定參考借鑒價值,需要的朋友可以參考下2017-03-03