Wie füge ich die Option "Enter zur Suche" hinzu?

Question

Ich möchte hinzufügen, dass, wenn ich „eingeben“ in das Suchformular drücken, sucht es, und nicht nur, wenn ich Suchtaste klicken:

jQuery(document).ready(function(){ 
    jQuery('#webq_search_submit').click(function() {  
     //code 
    }); 
    jQuery('#webq_txt_search').click(function(){ 

     jQuery('#webq_txt_search').css("border", "none"); 
    }); 
}); 

Answer 1

jQuery('#webq_txt_search').on('keypress',function(e){ 

    if (e.keyCode === 13){ 
     console.log('enter detected'); 
    } 
    // jQuery('#webq_txt_search').css("border", "none"); 
})); 

Zu verwenden, wenn diese Suche innerhalb Formular

$ ("Formular"). Submit (function() {return false;});

Answer 2

Sie können ein Eingabe-HTML-Tag [type = submit] einfügen, auch wenn es mit css versteckt ist, kann es mit der Enter-Taste umgehen.

Answer 3

Wenn Sie ein Formularelement verwenden, das einen Absenden-Button enthält (sogar ausgeblendet), können Sie den ursprünglichen Browser-Submit-Event wie diesen binden.

jQuery('form#cour_form_element').on('submit',function(){ 
     //do your search 
    });