Wie kombiniert man die beiden Ereignisse Tastendruck und klicken Sie

Question

Ich habe eine Funktion, aber zwei Ereignisse. Erstes Ereignis für Eingabe und Tastendruck, zweites Ereignis für Schaltfläche und Klick.

<input class="text"> 
    <button class="btn">Next</button> 

und jQuery-Code:

 function submit() { 
      var inputValue = $('.text').val(); 
      alert('inputValue'); 
     }; 

     $('.btn').on('click', function() { 
      submit(); 
     }); 
     $('input').keydown(function(e) { 
      if(e.which == 13) { 
      submit(); 
      } 
     }); 

Kann ich kommen diese beiden Ereignisse?

Answer 1

wie die Sie interessieren ...

$('.btn, input').on('click keydown', function (event) { 
 
     if((event.type == 'click') 
 
      || (event.type == 'keydown' && event.which == 13)) { 
 
      //submit(); submit your form 
 
      alert('hi'); 
 
     }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="text"> 
 
<button class="btn">Next</button>

Answer 2

Ja können Sie.

Fügen Sie denselben Ereignis-Listener für die Eingabe und die Schaltfläche hinzu.

Überprüfen Sie dann im Event-Handler den Typ des Ereignisses. Wenn der Typ keyup ist, überprüfen Sie den richtigen Schlüssel. Wenn beide erfüllt (keyup und which === 13) können Sie senden. Andernfalls, wenn die typeclick ist, können Sie auch senden.

Beispiel: https://jsfiddle.net/p33kmbja/1/

Answer 3

e.type - wir können Ereignis vom Typ bestimmen - click oder keydown.

$(e.target) - wir erhalten jQuery object, die durch ein Ereignis verursacht wurde.

e.which != 13 - bestimmen drücken Enter.

$('.btn, input').on('click keydown', function (e) { 
    if((e.type == 'keydown') 
     && $(e.target).is('input') 
     && (e.which != 13)) return; 

    submit(); 
});