实例图描述:模具号、机台号输入方式有两种:手动输入(失焦校验)和扫描录入(录入后校验)
![]() |
<li class="aui-list-item">
<div class="aui-list-item-inner">
<div class="aui-list-item-label" style="width: 20%;">模具号:</div>
<div class="aui-list-item-input" style="width: 55%;">
<input id="mjh" type="text" value="">
</div>
<div id="btnMjh" class="aui-list-item-input" style="width: 25%;">
<p><div class="aui-btn aui-btn-info"><span class="aui-iconfont aui-icon-search"></span>扫描</div></p>
</div>
</div>
</li>
//失去焦点事件
$("#mjh").blur(function(){
……
});
//点击扫描按钮进行扫描
$("#btnMjh").click(function(){
……
}
问题:当手动输入后点击后面的扫描会触发input的失去焦点校验,如何阻断呢?
解决办法如下:将click =》 mousedown通过 preventDefault实现
$("#btnMjh").mousedown(function(event){
event.preventDefault();
});