`

jQuery与扫码器

阅读更多
是想找时间写点什么,却总是拖拖拉拉一直没能写些。今天要写的这点东西是后补在4月份的。
前段时间工作中接触了我们常见的超市扫码器,我接手了这块的开发,除了后台的验证等操作,感觉新奇的就是前台html接受扫码器所输入的条形码值。
没接触过的时候或许觉得挺难以理解的,也不知道他的实现原理。真正接手试验后才发现,并没有想象的那么麻烦,因为读取条形码的过程不需要我们参与,那些已经嵌入到了扫码器中。我们可以简单的将扫码过程理解成:连续按下了键盘上对应的键盘,输入了一串对应键盘的一别编码,然后最后跟着一个13,代表着回车结束输入。
逻辑分析:
<1> 14位条形码(读取过程中会自动添加回车符1位),也就是网页需要监听扫码器输入的每一个值,将其累加起来,当达到15位时,判断第15位是否为13,即回车。
<2> 当然还要屏蔽人为输入行为,怎么判断人为和扫码器的输入呢?最终在输入速度上作为判断依据。认为输入的速度必定是慢的,机器输入的速度还是比极快的。所以采用定义setInterval(),来进行对字符串的间断性清空。


var inStr = "";
//定时清空操作
function clearStr(){
inStr = "";
}

$(document).ready(function(){
//定义清空字符串的间隔时间
var INTER_TIME = 500;
//定义setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
        //setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
var int=self.setInterval("clearStr()",INTER_TIME)
document.onkeydown = kdown;

function kdown(e) {
var realkey = String.fromCharCode(event.keyCode);
inStr = inStr + realkey;
//
if(inStr.length == 15 &amp;&amp; event.keyCode == '13'){
//提交获取的字符串
barCodeSubmit(inStr);
inStr = "";
}
}
});




laiyuan:http://chenzhiguo.cn/archives/jquery_barcode
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics