前言
本篇主要介绍通过document.addEventListener()侦听和event.keyCode获取按下键盘的ASCII编码,通过switch分支实现键盘控制。
一、步骤
1.设置侦听事件
使用document.addEventListener(),一个侦听事件并处理相应的函数
document.addEventListener( 'keydown', onDocumentKeyDown, false );
document.addEventListener( 'keyup', onDocumentKeyUp, false );
2.侦听到事件后处理响应的函数
使用switch分支可以控制多种键盘按键,case里控制ASCII编码对应哪一个键盘按键,case后面加上执行的操作,执行完后break终止switch。
event.keyCode:返回按下键盘的ASCII编码
键盘按下计一次event.keyCode,松开计一次event.keyCode。按住一直计数。
如Shift键ASCII编码是16,举例:
function onDocumentKeyDown( event ) {
switch ( event.keyCode ) {
case 16: {isShiftDown = true;
console.log("onDocumentKeyDown");
break;
}
default: console.log(event.keyCode+"onDocumentKeyDown");
}
}
function onDocumentKeyUp( event ) {
switch ( event.keyCode ) {
case 16: {isShiftDown = false;
console.log("onDocumentKeyUp");
break;
}
default: console.log(event.keyCode+"onDocumentKeyUp");
}
}