使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020-06-20 11:48
1206 查看
下面通过实例代码给大家介绍js扫码枪扫描条形码的实现方法,具体代码如下所示:
var keycode = ""; var lastTime=null,nextTime; var lastCode=null,nextCode; document.οnkeydοwn=function(e){ if(window.event){ // IE nextCode = e.keyCode } else if(e.which){ // Netscape/Firefox/Opera nextCode = e.which } //+键,增加新数据行 if(nextCode==107 || nextCode==187){ addNewGoodLine(); } //-键,删除最后一条数据行 else if(nextCode==109 || nextCode==189){ $(".new_products:last").remove(); } //字母上方 数字键0-9 对应键码值 48-57 //数字键盘 数字键0-9 对应键码值 96-105 else if((nextCode>=48&&nextCode<=57) || (nextCode>=96&&nextCode<=105)){ //数字键盘的键码值对应的字符有问题,所以手动调整键码值 var codes = {'48':48,'49':49,'50':50,'51':51,'52':52,'53':53,'54':54,'55':55,'56':56,'57':57, '96':48,'97':49,'98':50,'99':51,'100':52,'101':53,'102':54,'103':55,'104':56,'105':57 }; nextCode = codes[nextCode]; nextTime = new Date().getTime(); if(lastCode == null && lastTime == null) { keycode = String.fromCharCode(nextCode); } else if(lastCode != null && lastTime != null && nextTime - lastTime <= 30) { keycode += String.fromCharCode(nextCode); } else{ keycode = ""; lastCode = null; lastTime = null; } lastCode = nextCode; lastTime = nextTime; } //13 为按键Enter else if(nextCode==13 && keycode!= ""){ var code = $(".new_products:last .code").val(); if(code != ""){ //最后一行已录入数据,重新生成新行 addNewGoodLine(); } $(".new_products:last .code").val(keycode).blur(); keycode = ""; lastCode = null; lastTime = null; } } function addNewGoodLine(){ //生成新数据行 var html = '<tr class="new_products">'; html += ' <td></td>'; html += ' <td>'; html += ' <input type="text" class="code" οnblur="getProductDetail()" />'; html += ' </td>'; html += '</tr>'; } function getProductDetail(){ //获取商品的详细信息,然后赋值 }
思路:
1.注册onkeydown事件,捕获数字键的按下事件
2.计算按下数字键的时间间隔,若间隔小于30毫秒,则为扫码枪输入
3.捕获Enter案件的按下事件,判断捕获的扫码枪输入数值是否为空,不为空,对相应的文本框赋值,同时触发按找条形码查找商品的方法
总结
到此这篇关于使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解的文章就介绍到这了,更多相关js扫码枪扫描条形码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- 使用phantomjs实现highcharts等报表通过邮件发送(本文仅提供完整解决方案和实现思路,完全照搬不去整理代码无法马上得到效果)
- JavaScript打开窗口函数(Window.Open)使用详解、绝对路径与相对路径的获取与转换
- iOS- 详解如何使用ZBarSDK集成扫描二维码/条形码
- JavaScript打开窗口函数(Window.Open)使用详解、绝对路径与相对路径的获取与转换
- JavaScript打开窗口函数(Window.Open)使用详解、绝对路径与相对路径的获取与转换(含ASP.NET)
- WebView使用与JavaScript交互详解(附完整Demo代码)
- 使用IdHttp获取网页代码出现的问题,只能得到部分代码,为什么,请大家帮忙
- javascript开发中如何使用face++,得到人脸数据(如何简单获取图片url,如何获取完整的人脸信息)
- Javascript 使用ajax与C#获取文件大小实例详解
- 使用Sonarqube扫描Javascript代码的示例
- 利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
- 原生javascript使用递归思路获取html跟元素
- JavaScript打开窗口函数(Window.Open)使用详解、绝对路径与相对路径的获取与转换(含ASP.NET)
- 使用javascript获取flash加载的百分比的实现代码
- 【2011.09.01】如何使用javaScript代码获取系统时间和日期?
- iOS- 详解如何使用ZBarSDK集成扫描二维码/条形码,点我!
- 利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
- 使用JavaScript计算前一天和后一天的思路详解
- 使用JavaScript根据图片获取条形码的方法
- JavaScript打开窗口函数(Window.Open)使用详解、绝对路径与相对路径的获取与转换(含ASP.NET)