jquery - 在隐藏的输入字段中键入内容

Question

我手头上有一个特殊类型的问题，对此我希望得到可能已经实现了类似功能的人的一些建议。

我有一个客户使用 EAM 扫描仪来扫描条形码，通过蓝牙连接到移动设备作为键盘单元。

在上述移动设备上，我们有一个运行 JQuery Mobile/HTML5 的 Web 框架。他们想使用扫描仪来实现这一点。我们想要实现的目标是让扫描仪将条形码拾取到某种不可见的字段，然后根据扫描的值启用 UI 中先前禁用的可折叠项。

我已经对使用文本字段并触发 keyup 事件进行了测试，以在传递每个字符时继续检查输入的值是否对应于可折叠的数据属性。这看起来效果很好。

但我不希望用户看到输入字段(它应该完全隐藏)，但它仍然需要焦点并能够接受按键。如果我在样式中设置“visibility:none”，它就不再触发 keyup 事件。

那么，我如何创建一个在 UI 中不可见但可以通过代码设置为焦点的输入字段，并接受文本来触发按键？

我也尝试过输入类型=“隐藏”，但这似乎不接受输入或焦点。

我的测试代码:

     $(document).ready(function() { 
          $( '#f1' ).collapsible("disable");
          $( '#f1' ).trigger("create");
          $( '#f2' ).collapsible("disable");
          $( '#f2' ).trigger("create");
          var value = ""; //Store entered information
      //Add key handler, to the div including the text field, to avoid other text 
      //  field being blocked out
    $( "#page_wrapper" ).keypress(function(event) {
     //Translate key to char and append 


     value += String.fromCharCode(event.which);

     /*
      * Cut out
      */


     //Iteration here to check all collapsibles if the data value entered is valid for   
     //one of them, after checking 
     //input lenght, to make sure it is a complete EAN barcode 

     //Make sure to clear to limit input
     $( "#scanfield" ).val("");



        //Focusing on the field
        $( '#scanfield' ).focus(); /* CUT */

Answer 1

您尝试过 JQM 类 ui-hidden-accessible 吗？

来自 JQM CSS :

.ui-hidden-accessible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}