監聽全域鍵盤按下事件
keydown:在鍵盤上按下某個鍵時觸發，如果按住某個鍵，會不斷觸發該事件
document.addEventListener('keydown', function(e) {
console.log(e.key);
})監聽全域鍵盤彈起事件
keyup:松開按鍵時觸發，該事件僅在松開鍵盤時觸發一次，不是一個持續的回應狀態
document.addEventListener('keyup', function(e) {
console.log(e.key);
})監聽全域鍵盤按下事件
keypress:按下某個鍵盤鍵時觸發，如果按住某個鍵，會不斷觸發該事件，
document.addEventListener('keypress', function(e) {
console.log(e.key);
})注意：
1.KeyDown觸發后，不一定觸發KeyUp;
2.KeyPress主要用來捕獲數字,不包括F1-F12，ctrl , shift , tab , alt , home ......；
3.KeyDown 和KeyUp 通常可以捕獲鍵盤全部;
4.按鍵敲擊的執行順序為KeyDown,KeyPress,KeyUp;
5.KeyDown 和KeyUp 可以捕獲組合鍵;
屬性：
1.keyCode為該屬性包含鍵盤中對應鍵位的鍵值，回傳的時ascll值
document.addEventListener('keydown', function(e) {
console.log(e.keyCode);
})2.shiftKey為檢查按鍵shift,如果是shift則回傳true不是則回傳false
document.addEventListener('keydown', function(e) {
console.log(e.shiftKey);
})2.ctrlKey為檢查按鍵ctrl,如果是ctrl,則回傳true不是則回傳false
document.addEventListener('keydown', function(e) {
console.log(e.ctrlKey);
})3.altKey為檢查按鍵alt,如果是alt,則回傳true不是則回傳false
document.addEventListener('keydown', function(e) {
console.log(e.altKey);
})轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/302805.html
標籤：其他