Fonction Jquery

Par Doss, il y a 6 ans

Javascript

Bonjour,

Depuis quelques heurs j'ai un problème avec mon "code", enfaîte j'essayer d'appeler une fonction depuis la touche entrer mais ça me dit quelle n'est pas définie.
Avec le bouton il fonctionne tres bien grace au Jquery mais pas avec le trouche entrer
C'est peut-etre un truc tout bete...

<div> <input onkeypress="if(event.keyCode==13){click();}" id="number" type="text"> <input type="button" value="Envoyer" class="btn"> </div> $(function(){ $(".btn").click(function click(){ // reste du code }); });

3 réponses

Doss, il y a 6 ans

Merci beaucoup :)

Tekrai, il y a 6 ans

Bonsoir, je ne suis pas encore à l'aise avec Jquery, mais voici une solution en JS pure :
Je tiens à rajouter également que je suis débutant avec Javascript...
(Donc ma solution n'est sans doute pas la meilleure :-p, mais elle fonctionne !)

// Plus besoin du onkeypress dans ton input (partie Html) var input_nb = document.getElementById('number'); // je sélectionne ton input #number input_nb.addEventListener('keypress', function (e){ let key = e.keyCode; if(key == 13){ console.log('La touche Entrée a été utilisée !'); // reste du code si la touche entrée est sélectionné. } })

En te souhaitant une bonne soirée,
Tekrai

Pierrot01, il y a 6 ans

Salut,
Tant qu'a utiliser JQuery, bah, utilisons le :D

<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <title></title> </head> <body> <div> <input onkeypress="if(event.keyCode==13){$('#btn').trigger('click');}" id="number" type="text"> <input type="button" value="Envoyer" class="btn" id="btn"> </div> </body> </html> <script type="text/javascript"> $(function(){ $(".btn").click(function click(){ alert('click'); }); }); </script>