使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解_js获取扫描枪扫描信息,js扫描条码

56 浏览量更新于2023-05-06 收藏 37KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

使用使用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>';

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38530536

粉丝: 4
资源: 971

会员权益专享

使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

扫码枪代码

js 获取扫码枪输入数据的方法

JS实现扫码枪扫描二维码功能

html页面获取扫码枪参数,js获取扫码枪输入数据的方法

pc端页面用js连接扫码枪

js实现扫码枪扫码成功的方法

vue扫码枪可以实现无焦点捕获扫码输入

前端扫码枪接口web

h5获取pda设备扫码枪广播

html 页面不聚焦，且界面已经存在别的回车监听事件， 如何获得扫码枪内容

html 页面不聚焦 如何获得扫码枪内容

SAPUI5实现扫码枪功能的代码

vue扫码枪扫描二维码

vue element接入扫码枪

js 扫码枪输入数据 累加

uniapp接受扫码枪广播事件

js 根据分隔符截取扫码枪字符绑定多个input

低代码平台如何使用扫码功能

如何使用jsqrcode扫码

jquery扫码登录

会员权益专享

最新资源

html 页面不聚焦，且界面已经存在别的回车监听事件，如何获得扫码枪内容

html 页面不聚焦如何获得扫码枪内容

js 扫码枪输入数据累加