js 条码枪扫描_使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
下面通过实例代码给大家介绍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 = '
';
html += '
';
html += '
';
html += '';
html += '
';
html += '
';
}
function getProductDetail(){
//获取商品的详细信息,然后赋值
}
思路:
1.注册onkeydown事件,捕获数字键的按下事件
2.计算按下数字键的时间间隔,若间隔小于30毫秒,则为扫码枪输入
3.捕获Enter案件的按下事件,判断捕获的扫码枪输入数值是否为空,不为空,对相应的文本框赋值,同时触发按找条形码查找商品的方法
总结
到此这篇关于使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解的文章就介绍到这了,更多相关js扫码枪扫描条形码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
js 条码枪扫描_使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解相关推荐
- 使用JavaScript获取扫码枪扫描得到的条形码的方法
var keycode = "";var lastTime=null,nextTime;var lastCode=null,nextCode;document.οnkeydοwn= ...
- Android设备获取扫码枪扫描内容
条形码扫码枪现在随处可见,可以很迅速地扫描出条形码内容,比什么手机相机扫码快了不是一点两点. 为了节约成本,扫码枪可以直接通过蓝牙连接android或其他设备. 那么android设备如何通过蓝牙获取 ...
- html内置时间对象,JavaScript中的常用事件,以及内置对象详解
原标题:JavaScript中的常用事件,以及内置对象详解 今天是刘小爱自学Java的第81天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 学前端有一个非常权威的组织,也就是w3c,其有个专 ...
- js 浅拷贝直接赋值_JS中实现浅拷贝和深拷贝的代码详解
(一)JS中基本类型和引用类型 JavaScript的变量中包含两种类型的值:基本类型值 和 引用类型值,在内存中的表现形式在于:前者是存储在栈中的一些简单的数据段,后者则是保存在堆内存中的一个对象. ...
- socket 获取回传信息_Luat系列官方教程5:Socket代码详解
文章篇幅较长,代码部分建议横屏查看,或在PC端打开本文链接.文末依然为爱学习的你准备了专属福利~ TCP和UDP除了在Lua代码声明时有一些不同,其他地方完全一样,所以下面的代码将以TCP长连接的数据 ...
- sgd 参数 详解_代码笔记--PC-DARTS代码详解
DARTS是可微分网络架构搜搜索,PC-DARTS是DARTS的拓展,通过部分通道连接的方法在网络搜索过程中减少计算时间的内存占用.接下来将会结合论文和开源代码来详细介绍PC-DARTS. 1 总体框 ...
- python split函数 空格_最易懂的Python新手教程:从基础语法到代码详解
导读:本文立足基础,讲解Python和PyCharm的安装,及Python最简单的语法基础和爬虫技术中所需的Python语法. 作者:罗攀 蒋仟 如需转载请联系华章科技 本文涉及的主要知识点如下: P ...
- 简单跑酷java代码_如何实现一个简单的跑酷游戏?(代码详解)
本篇文章给大家带来的内容是介绍如何实现一个简单的跑酷游戏?(代码详解).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 采用的物理引擎是:Phaser.js 官网地址:http:// ...
- DDA画线算法+代码详解-直线扫描算法之一
#DDA画线算法+代码详解-直线扫描算法之一 本文目录结构如下 1.直线扫描算法简介 2.DDA直线扫描算法 2.1 公式推理 1.求斜率K: 2.当|K| <= 1 时 3.当|K| > ...
最新文章
- javascript实现tab切换的方法(2)
- pytorch实现文本分类_使用变形金刚进行文本分类(Pytorch实现)
- java oca_OCA第4部分中的Java难题
- Java讲课笔记02:Java集成开发环境
- 台式计算机的速度,USB3.0有多快?平民级最简单测试告诉你
- CSS块元素与内联元素(转)
- 三菱GXWorks2 监视梯形图状态
- 微分方程数值计算matlab实现,微分方程数值解及Matlab实现
- jieba 结巴分词详解
- 【信号检测】基于隐马尔可夫模型HMM算法实现睡眠状态检测matlab代码
- 统计红楼梦人物出场次数python_红楼梦人物出场次数统计及人物出场词云
- git commit之后,回退撤销commit
- 6-3 计算Fibonacci数列每一项时所需的递归调用次数 (10 分)
- 通达信l2数据接口如何开通?
- python实训总结万能版3000字_万能实习报告论文范文3000字
- 百度贴吧自动签到脚本 python3
- 智能机房动力环境集中监控管理系统
- openssl 的 tls 命令和相关使用心得
- python批量修改图片内容_python批量修改图片大小的方法
- psp记忆棒测试软件,识别4GB PSP记忆棒真伪的方法