ユーザーがjavascriptのキーを押すたびにイベントトリガーを持つ方法

Question

まず、私はJavaScriptを初めて使っています。私はイベントがjavascriptのキーを押すたびに繰り返されるようにしたいと思います。以下のサンプルコードを参照してください：このコードが実行されると、右矢印キーを押すと

<script> 
    document.addEventListener('keydown', function(event){ 
     if(event.keyCode == 39) { 
      document.write('Right was pressed'); 
     } 
    }) 
</script> 

、文は一度だけ印刷されます。私は、ユーザーがキーを押した回数だけ、イベントレジスタを複数回持っていたいと思います。助言がありますか？

Answer 1

イベントは（あなたがキーを押したままならば、繰り返し）キーを押すたびに解雇されたが、それは何の変更のように見えるようdocument.write()たびにコンテンツを上書きします、あなただけ見て（代わりにinnerHTMLを使用することができます効果）：

document.addEventListener('keydown', function(event){ 
 
    if(event.keyCode == 39) { 
 
    //Not recommended as 'T.J. Crowder' mentioned in the comment 
 
    document.body.innerHTML += 'Right was pressed <br>'; 
 
    } 
 
})

デバッグとイベントが呼び出されたことを確認するためにconsole.log()を使用することができます。

document.addEventListener('keydown', function(event){ 
 
    if(event.keyCode == 39) { 
 
    console.log('Right was pressed'); 
 
    } 
 
})

Answer 2

実はそれは確かに複数回トリガ。問題はdocument.writeがDOMをクリアすることです。

This exampleは私にとってはうまくいきます。

スクリプト：

var counter = 0; 
document.addEventListener('keydown', function(event){ 
    if(event.keyCode == 39){ 
    ++counter; 
    document.getElementById("demo").innerHTML = "Key downed " + counter; 
    } 
}); 

HTML：

<p id="demo"> 

</p>