JavaScript - Simuler la touche "Entrée" sur un input Résolu/Fermé

Question

Bonjour à tous,

J'ai un input sur lequel j'aimerais déclencher la touche entrée à l'aide de JavaScript.

// Déclenche l'event "Enter" en placant la position sur le input
// puis déclenche l'event grâce à un trigger
    var e = jQuery.Event("keypress");
        e.which = 13 
        e.keyCode = 13
        $('#codeReservation').focus();
        $('#codeReservation').trigger(e);

Voici la fonction associée :

function showData(){
        var e = window.event;
        var k = e.keyCode || e.which;
            if (k == 13)
            {...}
}

Cependant le window.event n'est pas reconnu. (undefined)

Est-ce que quelqu'un pourrait me suggérer une alternative svp ?

Merci d'avance,

Baptiste

Baptiste_xls · Answer

J'ai mis la condition dans le input et ça a marché.

Bonne journée,

Baptiste

Totoro · Answer

Salut,

window.event est en effet déprécié depuis un bail:

https://developer.mozilla.org/en-US/docs/Web/API/Window/event

Cela n'a d'ailleurs jamais été une solution correcte vu que son alternative est tellement plus efficace et pratique; la voici:

https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener

Il faut bien entendu supprimer l'attribut onkeypress pour regrouper tout le code dans le javascript(ce qui est mieux) et qui n'a aucun sens relié à un input(vous mettez un input  HTML dans la page pour détecter un événement du clavier plutôt que détecter le clavier directement et si la touche entrée est enfoncée).

Et remplacer par :

window.addEventListener("keypress", function(e){
console.log('code touche enfoncée = '+e.keyCode)

},
false);

Éventuellement remplacer keypress par keydown qui est plus précis dans la plupart des cas (car keydown détecte/agit quand la touche est enfoncée)et remplacer la fonction anonyme par une fonction nommée pour pouvoir la supprimer si besoin.

Si vous voulez n'avoir le comportement/event que lorsque l'input est actif il faudra rajouter un event "focus" puis inclure la détection de la touche entrée dans celui ci(en imbriquant les fonctions l'une dans l'autre).

https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event

ps: un input est fait pour être dans un formulaire, cela fonctionnera si ce n'est pas le cas mais reste faux en HTML donc nuit au bon référencement des contenus.

JavaScript - Simuler la touche "Entrée" sur un input

2 réponses

Discussions similaires