在焦點輸入時隱藏ios設備上的鍵盤

Question

當一些插件（或其他代碼）使用純javascript（或jquery庫）設置焦點到html頁面上的輸入元素時，我想在ipad設備上隱藏虛擬鍵盤

Answer 1

如果您需要純JavaScript解決方案，請使用以下行：

document.activeElement.blur();

此行將刪除焦點在活動元素上並隱藏鍵盤。

---

參考

• MDN document.activeElement
• MDN HTMLElement.blur

Answer 2

您將不得不再次模糊它，但鍵盤可能會閃爍。

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

或者，取決於您是否已動態創建input元素。

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

Answer 3

Typescript版本需要在HTMLElement上觸發blur() 。 像這樣：

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

Answer 4

有時，它需要等待一段時間。

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