溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用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

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女