Javascript onkeydown/up

Question

javscriptのonkeydownとonkeyupイベントをイベントリスナーで正しく使用する方法を知りたいと思います。テキストフィールドではなく、ウェブサイトを押すだけでイベントを聞きたいです。

私はスクリプトがどのように見えるかはわかりませんが、うまくいけば私がしたいことを理解しています。

document.addEventListener('keydown', function(event) { 
    console.log(event.key); 
}); 

：見て、私はjsfiddleで作製した例を

Answer 1

を説明するために全力をしようと、そうは不明であることのため

document.addEventListener('keydown', 'keyup', function(event) { 
if(event.keyCode == 65){ 
    gas1(); 
}}); 

申し訳ありません： 私は、コードは次のようになります考え出しリスナーをドキュメント全体に追加し、コールバックで受け取ったイベントオブジェクトの「キー」を確認するだけです。

keydown event test

Answer 2

あなただけの唯一のKeyDown使うキー操作で一度だけ）（関数GAS1を呼び出したい場合は、この

document.onkeydown = function(event) { 
    if(event.keyCode == 65){ 
     gas1(); 
    } 
} 
document.onkeyup = function(event) { 
    if(event.keyCode == 65){ 
     gas1(); 
    } 
} 

を実装してみしかし。

Answer 3

document.addEventListenerに2つのイベントを集約することはできません。最初のパラメータはイベントの名前で、2番目のパラメータは起動時に呼び出されるリスナ関数です。

keyupと​​の2つのハンドラを作成するか、代わりにkeypressを使用してください。

参考：http://www.w3schools.com/jsref/met_document_addeventlistener.asp

Answer 4

あなたがHTMLページ上keyUpイベントとKeyDownイベントプレスをチェックするためのコードの下に使用することができます。

注：矢印キーはonkeydownによってのみトリガされます。上記のコード

$(document).ready(function() { 
 
    document.onkeydown = function(event) { 
 
    if(event.keyCode=="38") 
 
\t  console.log("Up key pressed"); 
 
    else if(event.keyCode=="40") 
 
     console.log("Down key pressed"); 
 
    }; \t \t 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

システム作業罰金上でテストされています。

注：：出力をコンソールに表示するには、フォーカスを「結果」領域に置いてテストしてみてください。

Answer 5

function defw(){ 
    for(var i =0; i < 10; i+= 1) { 
     var div = document.createElement('div'); 
     document.getElementsByTagName('section')[0].appendChild(div); 
     } 
} 

document.addEventListener('keydown', function(event) { 
    var ekey = event.keyCode 
    if(69 === ekey) { 
     defw(); 
    } 
}); 

この例では、変数
2で10 DIVSがdefw()
1. SAVE event.keyCode関数を呼び出すようにすることです値69は、キーボード

でキーボードの文字Eであります

ここにはリンクがありますcodepen.io