在键盘外触摸时禁用 Firefox OS 键盘自动隐藏答案

【问题标题】：Disable Firefox OS keyboard autohiding when touching outside the keyboard在键盘外触摸时禁用 Firefox OS 键盘自动隐藏
【发布时间】：2015-01-06 13:45:06
【问题描述】：

当我在 Firefox OS 中点击输入字段时，屏幕键盘会出现。我正在开发一个信使应用程序，并有一个工具栏，它与屏幕键盘相邻，并带有“发送”按钮。

当我点击发送按钮时，键盘会自动关闭，这是我不希望的（用户可能需要输入更多消息）。

当检测到外部触摸时，如何防止键盘关闭？我在网上搜索了所有内容，但找不到答案（尽管 Marketplace 应用程序似乎有这种行为）。

【问题讨论】：

这是重复的吗？ How to show keyboard programmatically in Firefox OS?
已经看过了。 “当我单击添加按钮然后执行实际添加内容时，我首先将焦点设置在文本框上来修复它。”不是很清楚，也不行。
即使您在单击“发送”后强制关注文本输入？因为当您说“用户可能必须输入更多消息”时，这就是您所描述的应该发生的事情。除非您在发送按钮获得焦点后将焦点移回文本输入，否则他们无法输入消息，因此一旦文本输入获得焦点，键盘就会立即返回。

标签： javascript html firefox-os virtual-keyboard

【解决方案1】：

您可以尝试创建一个隐藏输入，一旦您的可见输入字段失去焦点，它就会接收焦点。

var input = document.getElementById("text");
var trap = document.getElementById("trap");
input.addEventListener("blur", function() {
  trap.focus();
}, false);

#trap {
    position: absolute;
    width: 1px;
    left: -10px;
}

<input type="text" id="text" />
<input type="text" id="trap" />

【讨论】：