Simuler l'appui sur la touche entrée

**Erwan3110** · 30/05/2019, 15h07

Bonjour,

J'essaye de faire une fonction qui écrit du texte dans un textarea, mais je n'arrive pas à envoyer le texte en appuyant sur "entrer"

J'ai essayer de simuler la touche 13 du clavier sur mon textarea, mais sa ne fonctionne pas comme je fais.

Code :

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

1
2
3
4
5
6
7
8
9
<script>
var b = jQuery.Event("toucher");
b.keypress = 13;
$(document).on("toucher", function(event){
    var nomTouche = event.keypress;
    console.log('Évenement keypress : ' + nomTouche);
});
$("#ID_textarea").trigger(b);
</script>

Code :

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

$('#test').trigger($.Event( "keypress", { which: 13 , keyCode: 13, key: 13 } ));

Les deux différents codes si-dessus ne font rien ...

Si une personne à déjà simuler une entrée clavier en js, je veux bien une explication

Merci

**NoSmoking** · 01/06/2019, 09h29

Bonjour,
pas sûr d'avoir bien compris ce que tu cherches à faire

Code :

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

1
2
3
4
5
$("textarea").on("keypress", function(e) {
    if (e.keyCode === 13) {
        console.log("Touche entrée appuyée"); // action
    }
});

**Erwan3110** · 02/06/2019, 10h57

Non, ton code détecte si on a appuyer sur entrée, moi je voudrais simuler la touche entrée.

Pour simuler j'ai essayer de créer un Event, et ensuite de l'appliquer sur le textarea, mais il ne se passe rien

**ProgElecT** · 02/06/2019, 11h37

Salut

Peut être avec String.fromCharCode(13).

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="fr"> <!-- BaseModel.html -->
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
		<title>Ici mon titre</title>
		<style>
                        /* TAGs comentaire dans la partie style */
                </style>
		<script>
                        'use strict'; // force la déclaration des variables
                        function model() {
                        }//----------------------fin de la function model -----------------------------------
                </script>
	</head>
	<body>
		<!-- la partie affichée sur la page -->
		<textarea id="txtRep" style="width:50%;height:100px;">A que coucou</textarea>
		<button onclick="AjouterEnter()">Go</button>
		<script>
                        function AjouterEnter() {
                                let Elem = document.getElementById("txtRep");
                                Elem.value =  Elem.value + '    ......  pour un retour à la ligne ->' + String.fromCharCode(13) + 'Voilà qui est fait' ;
                        }
                </script>
	</body>
</html>

**Sodium** · 02/06/2019, 12h52

Que veux-tu faire exactement ? Ne serait-il pas plus simple de déclencher directement l'événement résultant de cet appui sur enter ?

Si le but est d'envoyer le formulaire tu peux par exemple faire $('form').submit()

**ThomasR** · 02/06/2019, 14h27

Bonjour,

Attention $('form').submit([handler]) sert à attacher un handler à l'événément submit. Je pense que vous vouliez dire

Code :

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

$('form').trigger('submit');

**NoSmoking** · 02/06/2019, 16h37

Envoyé par Erwan3110

... moi je voudrais simuler la touche entrée.

J'ai répondu un peu vite par manque d'habitude dans la simulation

Il faut utiliser les paramètres autorisés par la méthode trigger().

Code :

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

1
2
3
4
$("textarea").trigger("keypress", {
  "enter": true,
  "keyCode": 13
});

et gérer cet argument supplémentaire lors de la gestion de l'événement

Code :

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

1
2
3
4
5
$("textarea").on("keypress", function(e, param) {
  if (param && param.keyCode === 13) {
    console.log("Simulation touche entrée appuyée"); // action
  }
});

**Erwan3110** · 04/06/2019, 20h27

Envoyé par NoSmoking

J'ai répondu un peu vite par manque d'habitude dans la simulation

Il faut utiliser les paramètres autorisés par la méthode trigger().

Code :

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

1
2
3
4
$("textarea").trigger("keypress", {
  "enter": true,
  "keyCode": 13
});

Oui, effectivement je veux simuler la touche 13. Mais quand j’exécute de code (en changent le "textarea" par #test, l'id de mon textarea) il ne sa passe absolument rien.

Je fais portant un

Code :

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