扫描js

最新推荐文章于 2024-06-11 09:37:52 发布

原创最新推荐文章于 2024-06-11 09:37:52 发布 · 636 阅读

0 ·

CC 4.0 BY-SA版权

jsp 专栏收录该内容

4 篇文章

订阅专栏

该段JavaScript代码展示了如何处理条形码扫描器的输入。当文档准备就绪时，它会监听键盘事件，特别是回车键事件，以响应扫描到的编号并调用`asyncGetDate()`进行异步处理。此外，代码还绑定了Shift键加字母键的事件，将扫描到的大写字母添加到隐藏字段中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
* 用于获取条形码扫描器扫描到的编号（如，收货包装号等）
* 页面上需要引入
*    jquery-1.6.2.min.js（或者其他版本）
* jquery.hotkeys.js
* barcode-scan.js
* 约定内容：
*   1、页面上定义一个隐藏域,id为：scanedCodeHideId
*   2、页面的脚本中有一个方法名为asyncGetDate(scanCode)的方法，该方法使用$.ajax()异步处理业务逻辑
*   该方法会在扫描到一个条形码编号后就立即调用。其中，scanCode就是扫描器扫描到的
*   条形码编号

$(document).ready(function(){

   /**
   * 扫描器扫描到一个编号（如包装号等）后，就立即调用方法asyncGetDate()，异步处理相关业务。
   * */
   $(document).bind('keydown.return',function (evt){
       var scanCode=$("#scanedCodeHideId").val();
       $("#scanedCodeHideId").val("");
       asyncGetDate(scanCode);
   });

//注：条形码扫描器扫描大写字母的时候是同时按下Shift键和相应的字母键。
   $(document).bind('keydown.Shift_a',function (evt){addkeyToHid("A");});
   $(document).bind('keydown.Shift_b',function (evt){addkeyToHid("B");});
   $(document).bind('keydown.Shift_c',function (evt){addkeyToHid("C");});
   $(document).bind('keydown.Shift_d',function (evt){addkeyToHid("D");});
   $(document).bind('keydown.Shift_e',function (evt){addkeyToHid("E");});
   $(document).bind('keydown.Shift_f',function (evt){addkeyToHid("F");});
   $(document).bind('keydown.Shift_f',function (evt){addkeyToHid("F");});
   $(document).bind('keydown.Shift_g',function (evt){addkeyToHid("G");});
   $(document).bind('keydown.Shift_h',function (evt){addkeyToHid("H");});
   $(document).bind('keydown.Shift_i',function (evt){addkeyToHid("I");});
   $(document).bind('keydown.Shift_j',function (evt){addkeyToHid("J");});
   $(document).bind('keydown.Shift_k',function (evt){addkeyToHid("K");});
   $(document).bind('keydown.Shift_l',function (evt){addkeyToHid("L");});
   $(document).bind('keydown.Shift_m',function (evt){addkeyToHid("M");});
   $(document).bind('keydown.Shift_n',function (evt){addkeyToHid("N");});
   $(document).bind('keydown.Shift_o',function (evt){addkeyToHid("O");});

$(document).bind('keydown.Shift_p',function (evt){addkeyToHid("P");});
   $(document).bind('keydown.Shift_q',function (evt){addkeyToHid("Q");});
   $(document).bind('keydown.Shift_r',function (evt){addkeyToHid("R");});
   $(document).bind('keydown.Shift_s',function (evt){addkeyToHid("S");});
   $(document).bind('keydown.Shift_t',function (evt){addkeyToHid("T");});

$(document).bind('keydown.Shift_u',function (evt){addkeyToHid("U");});
   $(document).bind('keydown.Shift_v',function (evt){addkeyToHid("V");});
   $(document).bind('keydown.Shift_w',function (evt){addkeyToHid("W");});
   $(document).bind('keydown.Shift_x',function (evt){addkeyToHid("X");});
   $(document).bind('keydown.Shift_y',function (evt){addkeyToHid("Y");});
   $(document).bind('keydown.Shift_z',function (evt){addkeyToHid("Z");});

});

/**
* 根据扫描到的每个按键的值保存到scanedCodeHideId指定的隐藏域当中。
* */
function addkeyToHid(key){
   var scanCode=$("#scanedCodeHideId").val();
   scanCode+=key;
   $("#scanedCodeHideId").val(scanCode);

}