专注于输入时停止在手机/平板电脑上显示键盘答案

【问题标题】：Stop displaying keyboard on mobile/tablet when focusing to input专注于输入时停止在手机/平板电脑上显示键盘
【发布时间】：2016-05-08 05:57:05
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript jquery keyboard touchscreen

【解决方案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

【讨论】：