keypress |
jQuery |
|---|---|
| JavaScript | Version 1.0+ |
Syntaxe
| .keypress() | 1.0+ |
| .keypress( handler(eventObject) ); | 1.0+ |
| .keypress( [eventData], handler(eventObject) ); | 1.4.3+ |
Paramètres
| Nom | Description |
|---|---|
| eventData | Ce paramètre permet d'indiquer un objet contenant les données devant passé vers le gestionnaire d'événement. |
| handler(eventObject) | Ce paramètre permet d'indiquer une fonction à exécuter à chaque fois que l'événement se déclenche. |
Description
Cette méthode permet d'effectuer un lien vers un gestionnaire d'événement KeyPress du JavaScript, ou déclencheur dans un élément.
Exemple
Voici un exemple comment changer un message dans la page HTML dès qu'une touche quelconque est enfoncé :
- <!DOCTYPE html>
- <html>
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- </head>
- <body id="main">
- <p id="Message">Presser une touche...</p>
- <script>
- $( "#main" ).keypress(function() {
- $('#Message').html('<p>Vous avez enfoncé une touche !</p>');
- });
- </script>
- </body>
- </html>
Vous aurez d'abord le message suivant :
Presser une touche...Vous aurez le message suivant dès que vous aurez toucher au moins une touche de votre clavier si vous avez le focus sur la page HTML :
Vous avez enfoncé une touche !
Dernière mise à jour : Dimanche, le 1 mars 2015