javascript - 当聚焦于输入时停止在手机/平板电脑上显示键盘

Question

我正在尝试开发一个 PHP Web 界面和库存应用程序。另外，我打算将此应用程序用于平板电脑等触摸屏设备。除了其他触摸屏友好的功能之外，我的应用程序中还需要填写许多表格。

我想知道是否有一些 jQuery/Javascript 可以停止在触摸屏设备上显示键盘？我更喜欢使用外部键盘在表单中输入文本。

我发现了很多建议，例如 BLUR或Dissable或Readonly输入。但这些建议对我来说并不好，因为我想输入 <input>我的外部键盘输入的字段，如果使用上面提到的建议，这是不可能的。

Answer 1

您需要做的是创建一个新的输入字段，将其附加到正文中，将其聚焦并使用 display:none 隐藏它。不幸的是，您需要将它们包含在一些 setTimeouts 中才能使其工作。

 var field = document.createElement('input');
 field.setAttribute('type', 'text');
 document.body.appendChild(field);
 setTimeout(function() {
     field.focus();
     setTimeout(function() {
      field.setAttribute('style', 'display:none;');
    }, 50);
  }, 50);

iOS http://uihacker.blogspot.in/2011/10/javascript-hide-ios-soft-keyboard.html?m=1