Raccourci clavier textarea pour valider
Résolu
schancel
Messages postés
296
Date d'inscription
Statut
Membre
Dernière intervention
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
A voir également:
- Raccourci clavier textarea pour valider
- Télécharger clavier arabe - Télécharger - Divers Web & Internet
- Raccourci clavier retourner écran - Guide
- Creer un raccourci clavier - Guide
- Raccourci clavier - Guide
- Raccourci clavier qwerty azerty - Guide
1 réponse
Salut,
La touche « Entrer » permet de faire un retour à la ligne dans les zones de texte multilignes (textarea).
Si tu veux empêcher les retours à la ligne, tu peux utiliser un champ texte simple (input). Avec cette solution, la touche Entrer servira automatiquement à envoyer le formulaire.
Tu peux également faire comme certaines applications de t'chat, telles que le Windows Live Messenger, c'est-à-dire envoyer le formulaire lorsqu'on presse Entrer mais autoriser les messages multilignes lorsque l'utilisateur presse Ctrl+Entrer.
Ou pour éviter que tes utilisateurs n'envoient le message par accident en voulant faire un retour à la ligne, je te conseille d'utiliser le raccourci Ctrl+Entrer pour l'envoie du formulaire, et laisser la touche Entrer seule faire le retour à la ligne.
Si tu choisi de garder une textarea, il faudra écouter l'évènement onkeydown sur cette textarea. Lorsqu'une touche sera relachée, tu pourras récupérer le code de la touche pressée (Entrer = 13) grâce à event.keyCode ; Il te sera également possible de savoir si la touche Ctrl était pressée avec event.ctrlKey.
Exemple :
La touche « Entrer » permet de faire un retour à la ligne dans les zones de texte multilignes (textarea).
Si tu veux empêcher les retours à la ligne, tu peux utiliser un champ texte simple (input). Avec cette solution, la touche Entrer servira automatiquement à envoyer le formulaire.
Tu peux également faire comme certaines applications de t'chat, telles que le Windows Live Messenger, c'est-à-dire envoyer le formulaire lorsqu'on presse Entrer mais autoriser les messages multilignes lorsque l'utilisateur presse Ctrl+Entrer.
Ou pour éviter que tes utilisateurs n'envoient le message par accident en voulant faire un retour à la ligne, je te conseille d'utiliser le raccourci Ctrl+Entrer pour l'envoie du formulaire, et laisser la touche Entrer seule faire le retour à la ligne.
Si tu choisi de garder une textarea, il faudra écouter l'évènement onkeydown sur cette textarea. Lorsqu'une touche sera relachée, tu pourras récupérer le code de la touche pressée (Entrer = 13) grâce à event.keyCode ; Il te sera également possible de savoir si la touche Ctrl était pressée avec event.ctrlKey.
Exemple :
<script type="text/javascript">
window.onload = function() {
/* <textarea id="comment_textarea" ...></textarea> */
var textarea = document.getElementById('comment_textarea');
textarea.onkeydown = function(e) {
e = e || event; // cross-browser (quand IE en fait à sa tête)
/* Envoyer le formulaire avec Ctrl+Entrer */
if(e.keyCode == 13 && e.ctrlKey) {
this.form.submit();
}
/* Envoyer le formulaire avec Entrer mais autoriser
* les retours à la ligne avec Ctrl+Entrer */
if(e.keyCode == 13 && !e.ctrlKey) {
this.form.submit();
return false;
} else if (e.keyCode == 13) {
this.value += "\n";
}
};
};
</script>
peut tu me dire a quoi sert le tabindex