javascriptを使ってキーボードの同じキーを押して音声を再生して音を止める方法

Question

マイページを読み込んだ後、キーボードのCtrlキーを押したときに音声を再生する必要があります。同時に、Ctrlキーを押しながら同じオーディオを停止または一時停止する必要があります。あなたはjavascriptで私を助けることができますか？

Answer 1

キーを押し、次にifステートメントを使用してどのキーが押されたかを確認することによって、キーのプレスを利用することができます。

すぐに、あなたはあなたの文書にこの小さなスクリプトを入力することができます。

document.onkeydown = function (e) { console.log(e); } 

これは.onkeydownにあなたが積極的にその文書にしながら、キーを押すたびに渡されたオブジェクトをログに記録します。このオブジェクトでは、多くの場合、さまざまなオブジェクトのプロパティが表示されます。

あなたのケースでは

KeyboardEvent {isTrusted: true, key: "Control", code: "ControlLeft", location: 1, ctrlKey: true…} 

は、あなたがctrlKeyブール型プロパティをチェックすることができます：あなたは、私がdocument.getElementById('myVideo').pause()を使用している方法を置き換えることができます

window.onload = function() { 

    // Remember, this was the same thing that we entered into 
    // the document earlier, just with a different name. 
    document.onkeydown = function (eventObject) { 

     // Check for CTRL Key 
     if (eventObject.ctrlKey) { 
      document.getElementById('myVideo').pause(); 
     } 

     // Check for S Key 
     if (eventObject.key === "s") { 
      document.getElementById('myVideo').play(); 
     } 
    } 
} 

を（ので、あなた自身のコードで）。

これを自分で対処したくない場合は、きちんとしたスクリプトがであり：

window.onload = function() { 

    var video = document.getElementById('myVideo'); 

    // Remember, this was the same thing that we entered into 
    // the document earlier, just with a different name. 
    document.onkeydown = function (eventObject) { 

     // Check for CTRL Key 
     if (eventObject.ctrlKey) { 

      // Check that Video is Paused 
      if (video.paused) { 
       video.play(); 
      } else { 
       video.pause(); 
      } 

     } 

    } 
}