功能要求:输入框禁止手动输入,只允许扫描枪扫入
主要问题:
扫码枪就是模拟键盘的输入,实际上和手动输入的没有区别
1.如何判断是否手动输入
2.如何判断一个条码输入完成
解决方案
扫描抢的扫描速度比认为手动输入的速度快很多,可以用于判断是手动输入还是扫描枪扫入的。
手动输入的解决办法就是:对比一个键从按下到抬起的时间间隔,以及两次按键的时间间隔。
因为扫码枪的输入速度非常的快,我测试的扫码枪输入的间隔大概在15-60毫秒,然后手动输入的100-200之间,除非刻意的想突破限制进行快速的输入。这个间隔值可以控制的很小,前提不要快过扫码抢的速度。
输入完成的判断:可以对输入框变化做一个监听,如果达到我们想要的位数,则提交服务器端进行处理;
第二种是基于扫码枪,因为我使用的扫码枪可以配置扫码成功最后附加一个回车。所以根据回车的keycode就可以判断为输入已经结束,然后获取输入框的value,再进行后续的处理(提交服务器等)。
代码
//*****2020-08-05**********条码输入窗口要设置成只能条码枪扫入,禁止键盘和复制粘贴的功能*****************************
var keyDownTime = 0; //按下的时间
var temp = 0; //用于检查相邻两次按键,上一次按键按下的时间
//按键按下记录摁下时间
YAHOO.util.Event.addListener("packSn","keydown",function(e){
var d = new Date(); //
keyDownTime = parseInt(d.getTime()); //按下的时间
});
//键盘释放时记录释放时间
YAHOO.util.Event.addListener("packSn","keyup",function(e){
var d = new Date();
var keyUpTime = d.getTime();//松开的时间
//console.log(keyDownTime);
//console.log(keyUpTime);
//console.log((keyUpTime-keyDownTime));
if((keyUpTime-keyDownTime) > 400 ){ //判断键按下到松开的时间
M.show("error","1禁止手动输入");
YAHOO.util.Dom.get("packSn").value="";
}else if(temp !=0 && (keyDownTime-temp) >400 ){ //按下第一个键和第二个键的时间间隔
//console.log((keyDownTime-temp)+((keyDownTime-temp)>400) );
M.show("error","2禁止手动输入");
YAHOO.util.Dom.get("packSn").value="";
}else{
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if(code == 13){
//判断回车事件处理业务逻辑//
var scrapStatus=YAHOO.util.Dom.get("scrapStatus").value;
if(scrapStatus!="PCM不良"&&scrapStatus!="ORT"){
var mask = YAHOO.util.Dom.get("maskGroup").value;
PORTAL.page.main.bussiness.getMaskGroup();
YAHOO.util.Dom.get("packSn").focus();
YAHOO.util.Dom.get("packSn").select();
}else{
PORTAL.page.main.bussiness.saveAll();
}
keyDownTime = 0;
temp = 0;
}
}
temp = keyDownTime;
});
//*********结束*********条码输入窗口要设置成只能条码枪扫入,禁止键盘和复制粘贴的功能******************************