Javascript searchbox用户输入后引发事件

Javascript searchbox用户输入后引发事件,javascript,jquery,input,search-box,Javascript,Jquery,Input,Search Box,好的,我想在用户在搜索框中键入后触发一个jquery事件 $("#searchBox).on({ input :function () { $(".hidden").removeClass('hidden'); } }); 搜索框: <div class="input-group"> <input type="search" class="form-control ui-autocomplete

好的,我想在用户在搜索框中键入后触发一个jquery事件

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

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

           }
});
搜索框:

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

您可以使用
onchange
onkeyup
事件调用函数

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

函数RemoveClass(){
$(.hidden”).removeClass('hidden');
}

每当用户向搜索框输入内容时,下面的代码都会执行操作

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

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

           }
});
演示和