通过input propertychange实现即时搜索

来源:互联网 发布:qq老密数据库下载 编辑:程序博客网 时间:2024/05/15 00:16
<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值发生改变时奏效。


0 0