通过input propertychange实现即时搜索

<div class="col-md-2  form-name">批量下发扫描条码:</div>
		<div class="col-md-2">
			<input class="input_status" type="text" id="batch-barNo" name="barNo"  /> 
		</div>
	</div>

$("#batch-barNo").bind('input propertychange', function(){
	var barNo = $("#batch-barNo").val();
	if(barNo.length == 13){
		printByStatusAndBarNo();
	}
})

当在文本框里面输入13位数字时 触发printByStatusAndBarNo() 方法 提交到后台 实现即时搜索

---------------------------------------------------------------------------------------------------------------------------------------------------------

oninput,onpropertychange,onchange的用法

onchange触发事件必须满足两个条件：

a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）

b）当前对象失去焦点(onblur)；

onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；

oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。

注：最新发现，该方法在IE浏览器中有bug，在删除是不能触发事件，解决方法，使用第三方插件：

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.splendid.textchange.js"></script>

$("#search_input").on("textchange", function() {  //插件
   alert("这里输入input输入框内容改变是触发的方法");
  });