Question

我不确定如何使用纯JavaScript做'keydown'。

这是我用jQuery做的方式，但有没有办法用纯JS做同样的事情呢？我只想检查是否有办法并学习如何操作，以及查看代码的差异和长度。谢谢。

$('body').on('keydown', function(e) {
    if (e.keyCode === 27) return false;
});

编辑：用于禁用“Esc”按钮！

Answer 1

我不喜欢将侦听器设置为属性，所以我甚至添加了这样的侦听器：

var ele = document.getElementById('test');
ele.addEventListener('keydown', function() {
    //code
}, false);

Answer 2

你去吧

document.body.onkeydown = function(e) {
    if (e.keyCode === 27) return false;
}

正如您所看到的，jQuery更短，但这将执行更少的代码

Answer 3

试试这个，

<强> HTML

<body onkeydown="YourFunction(event)">...</body>

<强> JS

function YourFunction(e)
{
     var unicode=e.keyCode || e.charCode|| e.which;
     if(unicode == 27)
        return false;
     else
     {
        //Your code...
     } 
}

Answer 4

在纯JavaScript中，这样做是

document.body.onkeydown=function(e){
  key=e.keyCode || e.charCode|| e.which; //cross browser complications
  if(key===27){
    return false;
  }
}

希望它有所帮助，它与您提供的JQuery脚本相同

使用JavaScript进行keydown

4 个答案: