JS获取扫码设备扫描到的值

一、JS获取扫码设备扫描二维码或者条形码得到的值

扫码设备在扫码二维码或者条形码时，相当于将获取到的值连续并快速的按下对应的键盘按键。
看自己想要怎么获取扫码后的值，一个是实时监听，一个是通过主动触发

1、通过jQuery监听keydown事件

var scanList = "";
var scanTimer = "";// 只获取数字，每个数字有两个对应按键值是因为有数字小键盘，数字小键盘和字母键盘上的数字对应的按键值是不一样的
var keyData = { 48:"0",96:"0",49:"1",97:"1",50:"2",98:"2",51:"3",99:"3",52:"4",100:"4",53:"5",101:"5",54:"6",102:"6",55:"7",103:"7",56:"8",104:"8",57:"9",105:"9"};// 监听keydown事件
$(document).keydown(function (event) {var key = event.keyCode;// 屏蔽其他按键，只要keyData中有的按键if (!keyData.hasOwnProperty(key)) {return;}// 如果有定时器就不创建新的定时器if (!scanTimer) {scanList = "";// 启动定时器scanTimer = window.setInterval("checkScan()",500);}scanList += keyData[key];
});// 扫码设备扫码后会在很短的时间内将内容输出，这里只接收0.5秒内输入的内容，防止人为因素
function checkScan(){// 0.5秒结束// 可以加自己对scanList的判断逻辑，防止是人为按键触发if (scanList.length != 22) {scanList = "";}// 清除定时器clearTimeout(scanTimer);scanTimer = null;if(scanList != ""){// 自己对扫码得到内容的处理alert(codeScan);// 处理完成后取消键盘监听事件$(document).unbind();
}

2、通过把焦点放在文本框后在扫码获取
因为扫码设备扫码后获取到值后相当于依次并快速的按下键盘，所以可以通过点击扫码按钮将焦点设置在文本框中，然后扫码，此时获取到的值会打在文本框中。

// 可以在点击扫码后启动定时器，获取CODESCANED的值
var active = document.activeElement;// 获取当前焦点
var scan = document.getElementById("CODESCANED");
if(active.id != 'CODESCANED'){// CODESCANED是文本框IDscan.focus();// 设置焦点
}scan.onblur = function(){// 当失去焦点后重新设置焦点if (判断是否正在扫码，可以通过变量控制或者其他方法) {// 重新获取焦点scan.focus();}
};

JS获取扫码设备扫描到的值相关推荐

微信公众平台使用JSSDK网页调起扫码并获取扫码数据（PHP）
微信公众平台使用JSSDK网页调起扫码并获取扫码数据初学者,部分css样式在网上扒下来的,功能实现了,代码很糙,非常糙,望海涵,也希望大神多指导. QQ:961052877,有问题大家一起交流.可以 ...
Android扫码枪无输入框获取扫码内容（或者Android自助机获取扫码内容）
公司项目要求获取Android自助机获取扫码内容传给服务器后台,网上查了下和Android扫码枪获取内容一样,不需要添加任何三方sdk,Android原生即可实现.要看到扫码内容,可以在Activit ...
LibUsbDotNet2.2.29版本通过usb口，获取扫码盒子扫码数据，读取数据不全和不对
LibUsbDotNet 通过usb口获取扫码盒子扫码数据,读取数据不全和不对. 以下是具体实现代码:在这里插入代码片 public void Open(int vid, int pid) { Usb ...
TCPIP远程网络电子健康码扫码设备|二维码扫码门禁机HX-QR86L-IP在校园复学防疫领域的应用
TCPIP远程网络电子健康码扫码设备|二维码扫码门禁机HX-QR86L-IP是一款铝合金材质.带液晶显示屏,一机两用,即可做门禁读头使用,也可以做电子健康码数据采集使用.可支持静态.手机动态二维码识别 ...
PDA扫码设备放置一会就休眠的解决办法
在使用pda扫码设备的时候,会发现放置一会就回出现自动断网,需要他十几秒自动连回网来才能继续使用,这时候就需要我们使用app永久活跃的代码控制,下面是使用的插件,控制代码如下: hgService. ...
前端获取扫码枪等扫码设备输入内容：2种方式
方式一: 只有有输入焦点,扫码枪就可以把结果打印出来.其实就是相当于我们的键盘输入扫码枪会在打印完成后执行回车键.这样当页面不需要输入框没有焦点可以输入时,可以通过监听键盘事件来获取到扫码枪输入的内容 ...
用Android和node.js实现扫码登录
实现思路 step 1: 网页端提供二维码 step 2: 手机端登录,并保存token,手机扫码后向网页端发送token step 3: 网页端通过jstoken解析token,向后端服务器获取用户 ...
使用扫码枪（二维码，条码）使用键盘钩子获取扫码数据
1.扫描枪获取数据原理基本相当于键盘数据,获取扫描枪扫描出来的数据,一般分为两种实现方式. a)文本框输入获取焦点,扫描后自动显示在文本框内. b)使用键盘钩子,勾取扫描枪虚拟按键,根据按键频率进行手 ...
node.js 实现扫码二维码登录
最近在做一个扫码登录功能,为此我还在网上搜了一下关于微信的扫描登录的实现方式.当这个功能完成了后,我决定将整个实现思路整理出来,方便自己以后查看也方便其他有类似需求的程序猿些. 要实现扫码登录我们需要 ...

JS获取扫码设备扫描到的值

一、JS获取扫码设备扫描二维码或者条形码得到的值

JS获取扫码设备扫描到的值相关推荐

最新文章

热门文章