1. 程式人生 > >輸入文字自動篩選--類似百度的功能(onchange與oninput和 onpropertychange 兩者的區別)

輸入文字自動篩選--類似百度的功能(onchange與oninput和 onpropertychange 兩者的區別)

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(){

})