Question

我想在没有输入字段的情况下捕获网页中的用户输入。屏幕用于可扫描条形码和RFID的移动设备。目前，我正在使用input字段捕获输入。

<input id="rfidContainer"/> 
<div class="footer-btn confirm td-div">
    <img src="img/done.png" /> F1 - Confirm
</div>

但是，用户不应该能够看到他扫描的数据，因为它没有附加值来查看数字。所以我想知道如何在没有输入字段的情况下捕获输入？

不是那么相关，但我当前处理输入的代码如下所示：

views.RFIDView = Backbone.View.extend({

    events: {
        "click .confirm": "doConfirmScan"
    },

    initialize: function() {
        this.template = _.template(utils.templateLoader.get('rfid'));   
    },

    render: function(eventName) {   
        $(this.el).html(this.template(this.model.toJSON()));
        this.$("#rfidContainer").focus();   
        return this;        
    },

    doConfirmScan : function(){
        var rfid= this.$("#rfidContainer").val();
        //the magic..
    }
});

修改：我需要澄清，使输入字段不可见或键入“隐藏”将不允许我专注于它，因此扫描程序不会在任何地方转储它的值。所以我可能正在寻找一个没有input字段的解决方案。就像在body上捕获关键事件一样。

任何帮助都会有很大的帮助。

Answer 1

添加

<强> JS：

views.RFIDView = Backbone.View.extend({

$('#results').addClass('hide');
    events: {
        "click .confirm": "doConfirmScan"
    },

    initialize: function() {
        this.template = _.template(utils.templateLoader.get('rfid'));   
    },

    render: function(eventName) {   
        $(this.el).html(this.template(this.model.toJSON()));
        this.$("#rfidContainer").focus();   
        return this;        
    },

    doConfirmScan : function(){
        var rfid= this.$("#rfidContainer").val();
        //the magic..
    }
});

<强> HTML：

<div  id="results">
   <input id="rfidContainer"/> 
</div>
<div class="footer-btn confirm td-div">
   <img src="img/done.png" /> F1 - Confirm
</div>

捕获没有输入字段的用户输入

1 个答案: