輸入文字自動篩選--類似百度的功能(onchange與oninput和 onpropertychange 兩者的區別)
阿新 • • 發佈:2019-02-14
onchange與oninput onpropertychange(加上on用於js)(.change\.input\.propertychange用於jq) 兩者的區別
onchange是有兩個條件滿足才能出發這個事件 1.失去游標,焦點2.鍵盤滑鼠改變物件屬性 二者缺一不可 並且指令碼出發無效onpropertychange是說只要當前property屬性改變的時候就會出發這個事件。 這是IE轉有的
oninput 是onpropertychange的火狐google版本 只有當input框 的value發生變化是才會出發這個事件,用於監聽文字的輸入
$(".search_text").bind("input propertychange",function(){ $('.title').parents('.cont_one').css('display','block'); var sear_txt = $(this).val();//$(this)input框中值 if(sear_txt.length != 0){ $('.title').each(function(i,e){ var title = $('.title').eq(i).text(); if(title.indexOf(sear_txt) == -1){ $('.title').eq(i).parents('.cont_one').css('display','none'); } }); }else{ $('.title').parents('.cont_one').css('display','block'); } });
$(body).bind('input property',function(){
})