这篇文章主要介绍“JS如何实现获取扫码枪条形码的功能”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“JS如何实现获取扫码枪条形码的功能”文章能帮助大家解决问题。

下面通过实例代码给大家介绍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案件的按下事件，判断捕获的扫码枪输入数值是否为空，不为空，对相应的文本框赋值，同时触发按找条形码查找商品的方法

总结

关于“JS如何实现获取扫码枪条形码的功能”就介绍到这了，如果大家觉得不错可以参考了解看看，如果想要了解更多，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

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

猜你喜欢

• vue 验证用户名可不可用功能的思路及代码

  现在很多账户信息注册都要求用户名唯一，也就是说用户名已经存在使用的，那么就不可再注册。因此我们在做用户注册页面时，就需要验证用户名是否可用。实现效果为，如果用户名已经存在，那么提示更换一个用户名，如果不存在那么提示用户名可用。

• 用Vue框架怎么做一个简易的仿百度搜索功能

  这篇文章主要为大家详细介绍了Vue仿百度搜索功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 用JS怎么写微博批量取消关注的操作，思路方法是什么

  这篇文章主要介绍了JavaScript代码实现微博批量取消关注功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

• 基于vue怎样做学生信息管理的功能

  这篇文章主要为大家详细介绍了Vue实现学生管理功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• JavaScript宏任务与微任务的执行顺序是怎样的？

  之前小编给大家介绍过JS宏任务与微任务的操作，今天我们继续来了解宏任务与微任务的内容，下文主要给大家讲一讲JavaScript宏任务与微任务的执行顺序，感兴趣的朋友就继续往下看吧。