扫描枪事件监听代码（关键字：浏览器、二维码、条形码、H5、Javascript、Web、史上最好的浏览器扫描枪监听代码）

1、引入一下javascript代码

/**
 * 扫描枪工具类
 */
var ScanCodeUtil={ 	 	
 	keys:[], 	 	
 	code:null,
 	verify:function(key){
 		if(  key.keyCode == 13 ){//Enter
 			return false;
 		}
 		if(  key.keyCode == 16 ){//Shift
 			return false;
 		}
 		return true;
 	},
 	execute:function(key,callback){
 		this.keys.push(key);
 		var keys=this.keys;
 		var endTime=key.timeStamp;
 		var code="";
 		if( key.keyCode == 13 ){//扫描枪结束时的自动回车 			
 			for( var i=keys.length-1;i >= 0;i-- ){
 				if( endTime - keys[i].timeStamp < 50 ){ 	 					
 					if( this.verify(keys[i]) ){
 						code = keys[i].key+code;
 					} 	 					
 					endTime=keys[i].timeStamp;
 				}else{
 					break;
 				} 	
 						
 			} 	 		
 			this.code=code; 	 			
 			if( code ){
 				callback(code); 			
 			}		
 		}
 	},
 	listen:function(callback){
 		//1.模拟聚焦使得页面可以监听到扫描事件 		
 		setInterval(function(){
 			var $scanCodeInput= $("<input type='text'/>")
 	 		$("body").append($scanCodeInput);
 	 		$scanCodeInput.focus();
 	 		$scanCodeInput.remove();
 			
 		}, 1000);
 		//2.监听扫描事件
 		$("body").keydown(function(event){ 			
 	 		ScanCodeUtil.execute(event,callback);	 	 	
 	 	}); 	 		
 	}	 
};

2、使用实例

	$(function(){	
		
		ScanCodeUtil.listen(function(code){
			//code为扫描枪扫到的二维码/条形码内容
			//写你的业务代码
 	 		alert("code:"+code); 	 	
 	 	});		
 	 	
	});