Vider un textarea par la touche entrée 2.0

**Aoernis** · 03/04/2013, 11h43

Bonjour

J'ai un petit souci très simple. J'ai une textarea, quand je presse Enter ça submit le contenu de la textarea. Et ça clear la textarea (id=texto).
Pour cela j'utilise "onKeyPress" et :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
if (event.keyCode == 13) 
{
event.keyCode = 0; 
envoisDuMessage(this.texto.value);
this.texto.value='';
this.texto.innerHTML='';
}

Problème ça ne marche pas sous Firefox, ni sous Opéra (et peut-être ailleurs). Le saut de ligne généré par l'appuie sur Enter reste dans la textarea. event.keyCode = 0; n'a aucun effet.

Ce message fait bien sur echo à celui ci, pour trouver une solution qui marcherai pour tout les navigateurs. Avez vous des idée ?

Cordialement

**Meloooo** · 03/04/2013, 12h06

Tu peux le faire à l'aide de Jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
$(function(){
$("textarea").keydown(function(e){
if(e.keyCode == 13)
{
     $(this).val('');
     return false;
}	 
});
});

**Aoernis** · 03/04/2013, 12h40

Hooo, ya bon ça. Et comment ça marche en profondeur ? Jquery intègre une couche qui fait adapte le comportement de $(this).val(''); en fonction du navigateur ?

**SpaceFrog** · 03/04/2013, 12h48

C'est vraiment chercher les ennuis que d'aller à l'encontre de l'ergonomie logique des éléments de formulaire ....

**Bovino** · 03/04/2013, 13h50

Je rejoins Spaffy... à quoi peut bien te servir un textarea si tu empêches les retours à la ligne ?

**Aoernis** · 03/04/2013, 13h52

Dans le context d'un chat en ligne.
Avoir une textarea me semblais le plus cohérent pour avoir un zone de saisie d'une bonne taille.

Dans l'absolu j'évite de toucher au fonctionnement de basse.
Mais bon il y à des cas ou c'est beaucoup plus user friendly. Comme pour poster un message sur un chat. Et je sais que le reste de l’équipe du site aurai fini par me le demander ce comportement de toutes façon.