var keycode = "";var lastTime=null,nextTime;var lastCode=null,nextCode;document.οnkeydοwn=function(e){if(window.event){// IEnextCode = e.keyCode} else if(e.which){// Netscape/Firefox/OperanextCode = 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-105else 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 为按键Enterelse 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获取扫码枪扫描得到的条形码的方法相关推荐

  1. js 条码枪扫描_使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

    下面通过实例代码给大家介绍js扫码枪扫描条形码的实现方法,具体代码如下所示: var keycode = ""; var lastTime=null,nextTime; var l ...

  2. Android设备获取扫码枪扫描内容

    条形码扫码枪现在随处可见,可以很迅速地扫描出条形码内容,比什么手机相机扫码快了不是一点两点. 为了节约成本,扫码枪可以直接通过蓝牙连接android或其他设备. 那么android设备如何通过蓝牙获取 ...

  3. js前端获取扫码枪扫描的数据,打印条形码,批量打印

    扫码枪相当于键盘输入设备,输入一连串数字后加一个enter键. 但在实际开发中需要区分是扫描枪输入还是键盘用户输入,区别在于扫码枪输入很快 1.获取扫码枪扫码的数据 // 监听扫码window.doc ...

  4. Javascript获取Html界面元素的几种方法

    在Javascript,可以通过多种方式获取Html元素对象.以下是一个Html页面示例. <body> <form name="form1" method=&q ...

  5. 使用Javascript获取图片坐标以及宽度高度的方法

    首先说下获取图片宽度与长度的问题: <script type="text/javascript">function lpimgClick(img,event){var ...

  6. Javascript获取数组中的最大值和最小值方法汇总

    方法一 sort()方法 b-a从大到小,a-b从小到大 var max2 = arr.sort(function(a,b){ return b-a; })[0]; console.log(max2) ...

  7. Android设备获取USB扫码枪扫描的内容与可能遇到的问题解决

    这篇文章主要给大家介绍了关于Android设备获取扫码枪扫描内容的方法,以及在开发中可能会遇到的问题的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们 ...

  8. 安卓开发实现获取扫码枪扫码二维码、条形码后的内容

    扫码枪是如何工作的,安卓如何怎么获取扫码枪的内容.本文将介绍安卓获取和处理商米收银机扫码枪扫描后的内容.包括:"安卓开发获取扫码枪扫描后的内容"."处理扫码枪扫描后的内容 ...

  9. php获取扫码枪的内容,一起看看js获取扫码枪输入数据的方法_WEB前端开发

    代码详解Vue中key的作用示例_WEB前端开发 key的特殊attribute主要用在Vue的虚拟DOM算法,在新旧Nodes对比时辨识VNodes,这篇文章主要给大家介绍Vue中key的作用,感兴 ...

最新文章

  1. 职场有多少IT精英透支健康和生命?
  2. 机器学习笔记(二)---- 线性回归
  3. java 获取当前时间,前一天时间
  4. python如何处理表格_如何处理表格/列表/标题等?
  5. 浅复制和深复制的区别?//浅拷贝和深拷贝
  6. Oracle 存储过程简单实例
  7. 计算机十个小技巧,Win10的10个实用小技巧,电脑小白轻松掌握,大大提升工作效率...
  8. python 发送邮件正文字体设置_python 发送邮件
  9. 视频采集卡是什么?采集卡的妙用!
  10. Oracle 校验统一社会信用代码函数
  11. 制作京东快报页面html,仿京东首页的京东快报,自动向上滚动的广告条
  12. AUTOCAD使用笔记
  13. 华为认证网络工程师考试是中文吗?
  14. 海思 hikey970 开发板简介
  15. 行人重识别数据集Person Re-Identification Datasets(全)
  16. python 储存汉字_汉字存储字节
  17. java生成以及解析二维码
  18. java 读取excel2007 内存不足_POI处理excel2007内存溢出问题
  19. 如何杀除计算机病毒,如何查杀顽固病毒 电脑病毒清不掉怎么办
  20. 如何实现单服务器300万个长连接的?

热门文章

  1. 抱歉,Xposed真的可以为所欲为——3.微信运动占领封面出售广告位
  2. JetBrains 发布新款编程字体,提高编程效率、开源免费可商用!
  3. php获取最后一条sql,phalcon跟踪model模型中sql语句执行 最后一条执行sql语句
  4. 环境土壤物理模型HYDRUS建模方法
  5. 外国人都喜欢中国的什么?
  6. 辐射能量降低裂变效应工程第二期
  7. 【数字化】数字化转型改变了什么?
  8. 低代码如何助力化学材料行业数字化升级?
  9. 齐岳供应m-(L-Phe)O-C2-TPP、m-(L-Phe)O-C2-TPPZn、m-C2-(L-Phe)-C2(TPP)2、m-C2-(L-Phe)-C2(TPP)2Zn四种新式氨基酸卟啉
  10. Movavi Screen Recorder——录制外界声音的方法