在输入焦点时隐藏ios设备上的键盘

hide keyboard on ios device when focus in input

本文关键字：键盘 ios 输入 焦点 隐藏      更新时间：2023-09-26

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

如果您需要纯javascript解决方案，请使用以下行：

document.activeElement.blur();

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

参考

  • MDN document.active元素
  • MDN HTML元素.blur

您可能需要再次模糊它，但键盘可能会闪烁。

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

或者，具体取决于是否动态创建了input元素。

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

Typescript版本需要在HTMLElement上激发blur()。像这样：

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

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

setTimeout(function() { document.activeElement.blur(); }, 100);
相关文章：