Fonction Jquery

Doss
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

Tekrai
Réponse acceptée

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

Doss
Auteur

Merci beaucoup :)

Pierrot01

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>