2016-08-29 3 views
-2

Ok, also möchte ich ein jquery Ereignis auslösen, nachdem ein Benutzer in das Suchfeld eingibt.Feuerereignis nach Benutzereingabe des searchbox

Suchfeld:

<div class="input-group">  
    <input type="search" class="form-control ui-autocomplete-input searchField-active ui-autocomplete-loading" placeholder="Sök på Dustin" name="filter.query" accesskey="s" autocomplete="off" id="searchBox"> 
    <span class="input-group-btn"> 
     <button type="search" name="search" id="searchTrigger" class="btn btn-default"> 
      <span class="icon-search"></span> 
     </button> 
    </span> 
</div> 

Nach Benutzer in das Suchfeld Feuer dieses jQuery:

$(".hidden").removeClass('hidden'); 
+0

Demo [diese] (https://jsfiddle.net/mmushtaq/ekhT4/2347/) und [diese] (https://jsfiddle.net/mmushtaq/5Assc/897/) – mmushtaq

Antwort

1

Sie onchange oder onkeyup Ereignisse können Funktion

<input type="search" class="form-control ui-autocomplete-input searchField-active ui-autocomplete-loading" placeholder="Sök på Dustin" onkeyup="RemoveClass()" name="filter.query" accesskey="s" autocomplete="off" id="searchBox"> 

<script> 
    function RemoveClass() { 
     $(".hidden").removeClass('hidden'); 
    } 
</script> 
nennen
1

Der folgende Code führt eine Operation aus, wenn der Benutzer eine Eingabe in das Suchfeld eingibt.

$("#searchBox).on({ 
    input :function() { 

       $(".hidden").removeClass('hidden'); 

      } 
}); 
Verwandte Themen