温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用JavaScript获取扫码枪扫描得到的条形码

发布时间:2020-07-17 13:37:44 来源:亿速云 阅读:510 作者:小猪 栏目:web开发

这篇文章主要讲解了如何使用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 = '<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获取扫码枪扫描得到的条形码有进一步的了解,如果还想学习更多内容,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI