鍵盤事件主要有2個:
onkeydown : 鍵盤按下時觸發,如果按下不抬起,那么會連續觸發。
onkeyup : 鍵盤彈起時觸發
不是所有元素都能接收鍵盤事件,只有能夠響應用戶輸入的元素,換言之,能夠接收焦點的元素就能接收鍵盤事件。
event.keyCode : 數字類型,返回 鍵盤按鍵的ASCII 碼。
ctrlKey, shiftKey, altKey: 布爾值。
當一個事件發生的時候,如果 ctrl|| shift || alt 是按下的狀態,返回true。
示例代碼:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>鍵盤事件</title> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <script> 8 window.onload = function(){ 9 document.onkeydown = function(ev){ 10 var ev = ev || event; 11 //alert(ev.keyCode); //返回鍵盤的ASCII 碼 12 } 13 14 document.onclick = function(ev){ 15 var ev = ev || event; 16 alert(ev.ctrlKey);//點擊時返回false,按住ctrl鍵之后再點擊的同時會返回true 17 } 18 } 19 </script> 20 </head> 21 <body> 22 <div> 23 24 </div> 25 </body> 26 </html>