Question

网页是否可以检测键盘输入而没有文本输入字段或文本输入字段未聚焦？

Answer 1

向文档添加事件侦听器（运行示例，然后单击它以激活它，否则它的文档没有焦点，这是打算在独立页面而不是嵌入式框架上工作）

＆＃13;

document.addEventListener('keydown', keydownCallback, false);

function keydownCallback(e) {
  console.log(e.keyCode + ': "' + String.fromCharCode(e.keyCode) + '"');
}

＆＃13;

Answer 2

您可以在onkeydown上添加document处理程序，只需将焦点放在窗口上即可。

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 37:
            console.log('left');
            break;
        case 38:
            console.log('up');
            break;
        case 39:
            console.log('right');
            break;
        case 40:
            console.log('down');
            break;
    }
};

文本输入到没有文本字段的网页

2 个答案: