Lösen Sie ein Ereignis auf "Klicken" und "Eingeben" aus

Ich habe ein Suchfeld auf meiner Website, das. Derzeit müssen Benutzer auf die Schaltfläche "Senden" neben dem Feld klicken, um über den Beitrag von jquery zu suchen. Ich möchte, dass Benutzer auch die Eingabetaste drücken, um zu suchen. Wie kann ich das machen?

JQUERY:

$('document').ready(function(){
    $('#searchButton').click(function(){
        var search = $('#usersSearch').val();
        $.post('../searchusers.php',{search: search},function(response){
            $('#userSearchResultsTable').html(response);
        });
    });
});

HTML:

<input type='text' id='usersSearch'  /><input type='button' id='searchButton' value='search' />

Verwenden Sie das keypressEreignis im usersSearchTextfeld und suchen Sie nach der EnterSchaltfläche. Wenn die Eingabetaste gedrückt wird, wird das Klickereignis der Suchtaste ausgelöst, das den Rest der Arbeit erledigt. Versuche dies.

$('document').ready(function(){
    $('#searchButton').click(function(){
        var search = $('#usersSearch').val();
        $.post('../searchusers.php',{search: search},function(response){
            $('#userSearchResultsTable').html(response);
        });
    })
    $('#usersSearch').keypress(function(e){
        if(e.which == 13){//Enter key pressed
            $('#searchButton').click();//Trigger search button click event
        }
    });

});

Demo

Sie rufen beide Ereignis-Listener auf und verwenden .on()dann eine ifFunktion innerhalb der Funktion:

$(function(){
  $('#searchButton').on('keypress click', function(e){
    var search = $('#usersSearch').val();
    if (e.which === 13 || e.type === 'click') {
      $.post('../searchusers.php', {search: search}, function (response) {
        $('#userSearchResultsTable').html(response);
      });
    }
  });
});

So etwas wird funktionieren

$('#usersSearch').keypress(function(ev){
    if (ev.which === 13)
        $('#searchButton').click();
});

$('#form').keydown(function(e){
    if (e.keyCode === 13) { // If Enter key pressed
        $(this).trigger('submit');
    }
});

$('#usersSearch').keyup(function() { // handle keyup event on search input field

    var key = e.which || e.keyCode;  // store browser agnostic keycode

    if(key == 13) 
        $(this).closest('form').submit(); // submit parent form
}

Sie können das folgende Tastendruckereignis beim Laden des Dokuments verwenden.

 $(document).keypress(function(e) {
            if(e.which == 13) {
               yourfunction();
            }
        });

Vielen Dank

Schauen Sie sich die keypress Funktion an .

Ich glaube, der enterSchlüssel ist, 13dass Sie etwas wollen wie:

$('#searchButton').keypress(function(e){
    if(e.which == 13){  //Enter is key 13
        //Do something
    }
});