客户一直说 扫码枪要一直获得焦点才能用,用户体验差 ,想做一个 在这个页面 有没有焦点都要获得到值,想了一下 只有用监听的方式了

// 写一个监听扫描枪 事件的方法

var code = ‘‘;

var lastTime = 0;

// 清空临时变量

function clearCode() {

code = ‘‘;

lastTime = 0;

}

window.addEventListener(‘keypress‘, function(e) {

var currCode = e.which;

var currTime = new Date().getTime();

if (lastTime > 0) {

if (currTime - lastTime <= 300) {

code += String.fromCharCode(currCode);

} else if (currTime - lastTime > 1000) {

// 超时清空

clearCode();

}

}

// 第一次按键

else {

code = String.fromCharCode(currCode);

}

lastTime = currTime;

// 遇到回车

if (currCode == 13) {

// alert(code); // 这里得到码,做下一步业务处理

if(code&&code.length>7){

$("#lendUsers").val(code);

$("#lendUser1").val(code);

$("#lendUser2").val(code);

$("#lendUserss").val(code);

$(‘#lendUsers‘).trigger("change");

$(‘#lendUser1‘).trigger("change");

$(‘#lendUser2‘).trigger("change");

$(‘#lendUserss‘).trigger("change");

}else{

$("#select_confirmnum").val(code);

$("#search").click();

}

// 回车输入后清空

clearCode();

}

});

有很多类似的方法 但是总是不知道这样那样的方法不能用 有的大小写 有的有代码缺失  挺坑的 ,还好 自己弄清楚了怎么操作的

原文:https://www.cnblogs.com/Mr-Y1907/p/11714719.html

php 监听 扫描枪,jquery监听扫码枪获得值相关推荐

  1. 监听pda扫描_Android监听扫描枪内容(一)

    在之前的文章,我已经写过了一篇关于扫描枪数据获取通常处理的文章,大家有兴趣的话可以参看 PDA扫描获取内容的通常处理 但此方式在实际运用中,有一个不方便的地方,那就是要想监听扫描枪的内容,我们必须在布 ...

  2. js 监听扫描枪输入事件

    扫码枪本质上来讲是一种输入设备,和键盘没有任何区别,因此如何实现对扫码枪的判断是一个难点. 另外一个难点在于如何在不使用文本框监听的情况下实现对扫码枪的监听与输入. 关于以上两点,首先,可以通过判断输 ...

  3. 监听pda扫描_html5+的plus 监听扫描枪广播 处理扫描结果

    //监听广播 function scanEvent() { var main = plus.android.runtimeMainActivity();//获取activity var context ...

  4. jquery监听html状态,jquery监听页面刷新

    在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接.关闭页面.表单提交时等情况,会提示我们是否确认该操作等信息. 这里就给大家讲讲javascript的onbeforeunload()和o ...

  5. jQuery 监听修改文本框事件

    在开发中,有时我们需要对 input 的 value 值变化作实时响应.比如文本输入框的实时字数统计功能,要求文本框内容改变时就要触发相关的统计行为.不管这个内容是键盘输入的,还是鼠标粘贴进来的.1, ...

  6. php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法

    @(知识点总结)[jquery|扫码抢] 基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求 使用扫码枪扫描条 ...

  7. 监听pda扫描_Android PDA扫描枪广播接搜条码并使用

    在开发扫描枪扫码接收广播条码的时候,由于厂商如shit般的文档和对Anroid基础知识的缺失,走了一些弯路,以下是广播接收条码并使用的代码实现 : 1 : 动态注册广播 PDA扫描枪对扫码有强大支持, ...

  8. php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)...

    基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求 使用扫码枪扫描条码,在一个web页面监听获取扫码枪的数据, ...

  9. jquery 监听input输入停止,实现文本框自动跳转

    今天学到了一个新的东西,在此记录一下 我遇到了一个这样的需求:添加扫描一条数据,无鼠标键盘.工具:扫描枪,动作:扫描两个条码 扫描抢扫描时,扫描出来的数据是显示在当前焦点上,用input的文本框来保存 ...

最新文章

  1. C#程序实现动态调用DLL的研究(转)
  2. 【每日算法】桶排序算法
  3. Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
  4. php 置信区间 计算,科学网—置信区间和标准误差 - 邸月宝的博文
  5. Springboot整合ActiveMQ发送邮件
  6. LeetCode 670. 最大交换
  7. 在maven引入一个maven仓库中不存在的jar,安装本地底仓库
  8. stl max函数_std :: max_element()函数以及C ++ STL中的示例
  9. Theano 中文文档 0.9 - 5.2 Mac OS安装说明
  10. three轨迹线在mapbox地图上显示
  11. C++ STL中vector的内存机制和性能分析
  12. Python opencv 简单的车牌识别 —— 简单学习
  13. wps word与office word相比的优缺点
  14. 微信小程序前端登录模块设计
  15. 有没有测身高的手机软件?这3款App和卷尺一样精准实用
  16. html左右箭头翻页代码,左右箭头图片_js实现图片上显示左右箭头类似翻页效果的代码...
  17. 文件内容批量简体转换繁体
  18. dict.txt(上一个程序的文件)
  19. stm32智能小车设计
  20. char *那些事儿

热门文章

  1. ajax实现重新绘图,如何画Flot AJAX更新图
  2. 金昌搜索引擎优化网络推广_网络推广优化企业服务
  3. MFC对话框绘制灰度直方图
  4. MATLAB中的S-Function的用法(C语言)
  5. unet实现区域分割
  6. 傅里叶变换频谱的可视化保存
  7. 数独java界面基础_java版数独游戏界面实现(二)
  8. etcd nginx 容器_Etcd+Confd实现Nginx配置文件自动管理
  9. 计算机英语A卷答案,计算机专业英语试题及答案A卷.doc
  10. mt4 指标 涨跌幅 颜色k线_通达信精选指标——彩色K线指标