Déclencher un événement sur `click` et` enter`

Question

J'ai une zone de recherche sur mon site qui. Actuellement, les utilisateurs doivent cliquer sur le bouton d'envoi en regard de la zone pour effectuer une recherche via le message de jquery. Je souhaite également que les utilisateurs appuient sur entrée pour effectuer une recherche. Comment puis-je faire ceci?

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' />
 

Answer 1

Utilisez keypress événement usersSearch zone de texte et rechercher touche Enter. Si le bouton Entrée est enfoncé, déclenchez l'événement de clic du bouton de recherche qui fera le reste du travail. Essaye ça.

 $('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
        }
    });

});
 

Démo

Answer 2

Vous appelez les deux écouteurs d'événement à l'aide de .on() puis utilisez un if dans la fonction:

 $(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);
      });
    }
  });
});
 

Answer 3

Quelque chose comme ça va marcher

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

Answer 4

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

Answer 5

Jetez un oeil à l' keypress fonction .

Je crois que la clé enter est 13 donc vous voudriez quelque chose comme:

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