hide keyboard on ios device when focus in input

Question

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

Answer 1

If you need a pure javascript solution, use this line :

document.activeElement.blur();

This line removes the focus on the active element and hiding the keyboard.

---

Reference

• MDN document.activeElement
• MDN HTMLElement.blur

Answer 2

You would have to blur it again but the keyboard might flash.

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

Or, depending on if you have dynamically created input elements.

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

Answer 3

Typescript version requires to fire blur() on HTMLElement . Like this:

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

Answer 4

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

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