Clé JQuery sans zone de texte

Question

Je regarde autour depuis un moment, et n'arrive pas à trouver cette réponse. Je suis nouveau à JQuery, et je suis plus familier avec PHP (bien que je suis pleinement conscient que l'acte est impossible en PHP, cherchant ainsi la réponse à JQuery)

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

<script> 

$(document).ready(function(){ 

    $("#keyboard").keyup(function(e){ 
    var key = e.keyCode ? e.keyCode : e.which; 

    if (key == 87) { 

     alert("keyup event occured! The Ascii value of pressed key is: " + event.keyCode); 
    } 

    }); 

}); 

</script> 

Pour commencer, voici ce que j'ai comme la touche enfoncée. Pour l'instant c'est juste un exemple, que si la touche 'w' est pressée puis relâchée, ça me dit en gros, c'est pressé.

Ma forme ressemble à ceci:

<form action="URL"> 
    <input type="text" id="keyboard" /> 
</form> 

Dans tous les cas, je l'ai trouvé, il semble que vous devez avoir une zone de texte ou quelque chose de similaire. La zone de texte est-elle nécessaire? Je cherche à avoir la zone de texte enlevée et juste avoir la page répondre à mon clic sur le bouton W, n'importe où. Sur une note de côté, comment est-ce que j'obtiendrais ceci pour soumettre à php si c'est possible?

Answer 1

utilisation $(document).keyup(function(e){ ...

cette façon, vous attrapez les clés des événements à l'échelle mondiale

Sur votre sidenote ...

• l'URL que vous fournissez dans l'action-tag, qui est le script qui sera exécuté.
• Dans ce script (php), vous pouvez obtenir les variables des entrées que vous envoyez, avec POST [].

---

JS:

<form action="path/to/script.php"> 
    <input type="text" id="keyboard" name="keyboard" /> 
</form> 

PHP (chemin/vers/script.php):

$variable = $_POST['keyboard']; //this uses the name-tags from the inputs in the form 

---

Bien que vous pourriez vouloir examiner Ajax-requests ($.post et $.get jQuery), dans beaucoup de cas, les personnes ont des avantages sur les appels php par formulaire traditionnel ..

Answer 2

Les éléments suivants doivent faire:

$(document).ready(functionn(){ 
    $(document).on('keyup', function() { 
     //your code here including 
     //$('form')[0].submit(); 
    }); 
});