javascript - JavaScript によるキーダウン

Question

純粋な JavaScript で「keydown」を行う方法がわかりません。

これがjQueryでの方法ですが、純粋なJSでも同じことを行う方法はありますか? 方法があるかどうかを確認し、その方法を学び、コードの違いと長さを確認したいだけです。ありがとうございました。

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

編集:「Esc」ボタンを無効にするために使用されます!

score 3 · Accepted Answer

リスナーを属性として設定するのは好きではないので、次のようにリスナーを追加します。

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

score 1 · Accepted Answer

どうぞ

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

ご覧のとおり、jQueryは短いですが、実行されるコードは少なくなります

score 0 · Accepted Answer

これを試して、

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...
     } 
}

score 0 · Accepted Answer

純粋なJavaScriptでは、このように行われます

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

お役に立てば幸いです。これは、提供したJQueryと同じスクリプトです。

javascript - JavaScript によるキーダウン

4 に答える 4

Related

Reference