Cliquez pour appuyer sur le bouton en JavaScript

Question

J'ai téléchargé une source de lecteur audio HTML5 de here et je veux changer la façon dont le joueur est contrôlé en cliquant sur la touche.

Dans le fichier js je trouve ceci:

// play click 
    $('.play').click(function (e) { 
     e.preventDefault(); 

     playAudio(); 
    }); 

et moi avons essayé de mettre en œuvre cela, mais n'a pas fonctionné:

document.onkeydown = function(e) { 
if (e.keyCode == 78) { 
    e.preventDefault(); 

     playAudio(); 
    }}; 

Comment puis-je obtenir ce travail?

Answer 1

Essayez cette

document.onkeypress = function(e) { 
    if (e.keyCode == 78) { 
      e.preventDefault(); 
      playAudio(); 
    } 
}; 

Answer 2

Non testé mais vous pouvez essayer cette

document.body.onkeydown = function(e) { 
    //rest of the code 
}; 

Answer 3

changer votre code à

$('.play').keydown(function (e) { 
    e.preventDefault(); 

    playAudio(); 
}); 

cela fonctionnera

Answer 4

window.addEventListener("keydown", yourFunction, false); //listen to any keydown 
 

 
function yourFunction(e) 
 
{ 
 
if (e.keyCode == "65") 
 
{ 
 
    alert("The 'a' key is pressed."); 
 
} 
 
}

Answer 5

Qu'est-ce que vous avez besoin est .onkeypress.

En supposant que playAudio, vous pouvez imiter ce que l'jQuery fait comme suit:

var elements=document.querySelectorAll('.play'); 
for(var i=0;i<elements.length;i++) elements[i].onkeypress=function(e) { 
    if(e.keyCode!=78) return; 
    playAudio(); 
    e.preventDefault(); 
} 

Si vous êtes sûr il n'y aura qu'un tel élément, vous pouvez écrire:

document.querySelector.onkeypress=function(e) { 
    if(e.keyCode!=78) return; 
    playAudio(); 
    e.preventDefault(); 
} 

Answer 6

Voici la démo travaille pour vous

https://jsfiddle.net/milanchheda/b478atu0/1/

HTML:

<div class="containerClass"> 
    <input type="text" class="inputClass" /> 
</div> 

code JQuery:

$(".containerClass").on('keydown', '.inputClass', function() { 
    alert("keydown..."); 
}); 

Answer 7

vous remercie tout le monde. j'apprécie toute votre aide. Ma mise en œuvre fonctionne bien après avoir effacé les cookies du navigateur.