как играть и останавливать звук, нажимая и raleesing в одной клавише на клавиатуре с помощью javascript

Question

Мне нужно воспроизвести звук, когда я нажимаю кнопку ctrl на моей клавиатуре после загрузки моей страницы. но в то же время мне нужно остановить или приостановить один и тот же звук, пока отпустите клавишу ctrl. вы можете помочь мне с javascript?

Answer 1

Вы можете использовать нажатие клавиш, проверив a нажатием клавиши, а затем с помощью оператора if, чтобы проверить, какой ключ был нажат.

Быстро, вы можете войти в этот небольшой скрипт в документ:

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

Это будет регистрировать объект, передаваемый .onkeydown каждый раз, когда вы нажимаете клавишу, пока активно на этом документе. В этом объекте, вы часто будете видеть различные свойства объекта:

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

В вашем случае, вы можете проверить ctrlKey булево свойство:

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(); 
     } 
    } 
} 

Вы можете заменить путь, который я использовал document.getElementById('myVideo').pause() (и так on) с вашим собственным кодом.

Если не хотите, чтобы справиться с этим самостоятельно, есть аккуратный сценарий на: http://www.openjs.com/scripts/events/keyboard_shortcuts/

---

Вот то, что вы ищете именно:

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(); 
      } 

     } 

    } 
}