键盘事件主要有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>
时间: 2024-11-06 05:27:22