Javascript searchbox用户输入后引发事件
好的,我想在用户在搜索框中键入后触发一个jquery事件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
$("#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');
}
});
演示和