使用JS监听键盘按下事件 |
您所在的位置：网站首页 › js按钮按下事件 › 使用JS监听键盘按下事件 |
使用JS监听键盘按下事件
|
事件说明
我们将键盘按下后事件的所有属性和方法打印出来（这里以按下1为例） document.onkeydown = function(event){ console.log(event); }
这里面有几个需要注意的属性 key:按下按键的名称 keyCode:按下按键的键码 altKey、ctrlKey、shiftKey：当组合按下（如ctrl+c）时，ctrlKey会变为true 一、查看所有键(获取event.key 按下的按键名称)（获取event.keyCode 按下的键码） document.onkeydown = function(event){ console.log("按下:"+event.key+"键:"+event.keyCode); }按下任意按键后的效果：
这里以回车键（键码为13）为例 ，如果需要监听不同的按键，修改键码即可 document.onkeydown = function(event){ if(event.keyCode==13){ // 事件 console.log("按下了回车键") } } 三、监听组合键这里以CTRL+A为例 altKey：按下Alt+*组合键时为true ctrlKey：按下Ctrl+*组合键时为true shiftKey：按下Shift+*组合键时为true document.onkeydown = function(event){ if(event.ctrlKey & event.keyCode == 65){ console.log("按下了CTRL+A") } } 4、详细的键码值列表 字母和数字键的键码值按键键码按键键码A65J74B66K75C67L76D68M77E69N78F70O79G71P80H72Q81I73R82 字母和数字键的键码值按键键码按键键码S83149T84250U85351V86452W87553X88654Y89755Z90856048957 数字键盘上的键的键码值按键键码按键键码09681041979105298*106399+1074100Enter1085101-1096102.1107103/111 功能键键码值按键键码按键键码F1112F7118F2113F8119F3114F9120F4115F10121F5116F11122F6117F12123 控制键键码值按键键码按键键码BackSpace8Esc27Tab9Spacebar32Clear12Page Up33Enter13Page Down34Shift16End35Control17Home36Alt18Left Arrow37Cape Lock20Up Arrow38 控制键键码值按键键码按键键码Right Arrow39-_189Dw Arrow40.>190Insert45/?191Delete46`~192Num Lock144[{219;:186\|220=+187]}221, |
【本文地址】
今日新闻 |
推荐新闻 |