Javascript 在输入中聚焦时隐藏ios设备上的键盘

当一些插件（或其他代码）使用纯javascript（或jquery库）将焦点设置为html页面上的输入元素时，我想在ipad设备上隐藏虚拟键盘。

你必须再次模糊它，但键盘可能会闪烁

$('input').on('focus', function() { $(this).blur(); });

或者，取决于您是否动态创建了

input

元素

$('#wrapper').on('focus', 'input', function() { $(this).blur(); });

如果您需要纯溶液，请使用以下行：

document.activeElement.blur();

该行将焦点移到活动元素上，并隐藏键盘

---

参考文献

---

类型脚本版本需要在

HTMLElement

上触发

blur（）

。像这样：

let myElement: HTMLElement;
myElement = <HTMLElement>document.activeElement;
myElement.blur()

let myElement:HTMLElement；
myElement=document.activeElement；
myElement.blur（）

有时，它需要等待一段时间

setTimeout(function() { document.activeElement.blur(); }, 100);

---

在对输入元素设置焦点后，您希望发生什么？如果没有键盘，为什么首先要集中注意力？为什么要集中注意力在输入上而不显示键盘？好的，下一种情况如何。我有一个带有3个输入的弹出窗口。当我点击提交按钮，从验证插件（[link]）运行验证功能，虚拟键盘在页面上闪烁时，一切正常。为什么不想关注输入？答：程序性输入。在我看来，这将是最好的方法+1如何应对下一种情况。我有一个带有3个输入的弹出窗口。当我点击提交按钮运行验证插件（[link]github.com/posabsolute/jQuery validation Engine）的验证功能，虚拟键盘在页面上闪烁时，在那之后，一切都很好。为什么不在blur上连接所有字段的验证，而不是单击验证按钮呢？这非常适合删除手机上的屏幕键盘。谢谢