美文网首页
关于Jquery与扫码枪的那点事儿

关于Jquery与扫码枪的那点事儿

作者: 末世狂人 | 来源:发表于2019-12-25 11:22 被阅读0次

废话不多说,直接上代码!

PS:前提,首先确定扫码枪扫码后的结束符,以回车结束。至于怎么设置,请咨询你的卖家!

约定:需要获取扫码枪结果的input的ID为keyWords,页面上其他的input或其他输入控件是有ID的

PS:敲黑板:页面上其他的input或其他输入控件是有ID的

$(function () {
        //keyword获得焦点
        $("#keyWords").focus();
        $(document).keyup(function(event){
            var val = $("#keyWords").val();
            //伪类 是否获得焦点判断
            var $focused = $(':focus');
            var eventCode = event.keyCode;
            if(eventCode ==13 && (val!=null && val!='')){
                //你的回车逻辑
                                test();
                return false;
            }
            /*排除其他特殊字符,只对数字、字母、逗号进行录入*/
            else if((eventCode >=48 && eventCode<= 57)||(eventCode >=65 && eventCode<= 90)||(eventCode ==102)){
                //如果keyWords获得焦点,那么输入值的时候就不进行操作。避免在输入值和输入汉字的时候出现字符重复
                //如果没有获得焦点,那么将扫码枪获得的值放到keyWords中
                var hasFocus = $('#keyWords').is(':focus');
                //在有多个input的情况下,其他input输入值后会将输入的值也放入keyWords中,这样我们就需要对其他可输入值的控件进行验证
                //获取当前获得焦点的控件ID
                var activeId = document.activeElement.id;
                console.log("当前控件的ID:"+activeId+" 当前控件的类型是:"+document.activeElement.tagName);
                if(!hasFocus && (activeId==null||activeId=='')){
                    $("#keyWords").val(val+event.key);
                }
                return true;
            }
        });
    });

如果你的页面上除了keyWords的input就没有其他的输入控件了,那么可以在你的回车业务后面加上让所有控件失去焦点,这样就不用去判断当前的获得焦点的ID了

//移除页面上所有控件的焦点事件(所有控件失去焦点)
        $("*").blur();

相关文章

  • 关于Jquery与扫码枪的那点事儿

    废话不多说,直接上代码! PS:前提,首先确定扫码枪扫码后的结束符,以回车结束。至于怎么设置,请咨询你的卖家! 约...

  • js获取扫码枪输入

    场景:扫码枪扫码,获取信息,js代码如何获取扫描信息呢? 原理:扫码枪输入会触发键盘输入事件。扫码枪输入的时间间隔...

  • Android使用AccessibilityService实现U

    android单屏机,通过扫码枪扫描二维码的场景非常多,扫码枪的种类也有蓝牙、USB、串口等等 目前USB的扫码枪...

  • 扫码枪【1】: vue中扫码枪的运用

    扫码枪 一、扫码枪是干什么的? 顾名思义,它是来扫二维码的,如下所示,扫码枪连接电脑,把二维码的信息读出条码自动在...

  • 如何让焦点始终固定在特定文本框

    没耐心的朋友,可以直接看代码。 最近在做一个关于收银台的项目,其中有一个需求,是扫码枪扫描支付码进行支付。扫码枪触...

  • 获取扫码枪扫码的内容

    获取扫码枪扫码的内容:String barcode ="";@Overridepublic boolean dis...

  • 超市只需要一个扫码枪

    经营宝扫码枪 超市只需要一个扫码枪就可以完成识别商品、支付、管理商品,不需要台式机和可视化的系统界面。一扫码枪即可...

  • 关于外设扫码枪或扫码盒子扫码监听处理

    在activity里面监听事件即可ps:如果页面弹窗了dialog,相关事件会被dialog拦截掉,需要在dial...

  • Android设备对接HID扫码枪(无界面)

    本人在开发扫码枪方面,走了一些弯路,在这里,写一些自己的经验,特别是针对双屏机,手持机的扫码枪开发 重点:1.扫码...

  • pda扫码枪

    pda扫码枪是指具有操作系统、内存、CPU、显卡、屏幕和键盘,具备数据传输处理能力,配置有电池,可以移动使用的数据...

网友评论

      本文标题:关于Jquery与扫码枪的那点事儿

      本文链接:https://www.haomeiwen.com/subject/xtfcoctx.html