如何使用 JavaScript 隐藏 Android 键盘?

时间:2023-03-08
本文介绍了如何使用 JavaScript 隐藏 Android 键盘?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想在 JavaScript 中隐藏 Android 虚拟键盘.有人建议这样做这个:

I would like to hide the Android virtual keyboard in JavaScript. Someone suggested doing this:

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

但如果键盘已经可见,这将不起作用.这是可以做到的吗?

But this doesn't work if the keyboard is already visible. Is this something that can be done?

推荐答案

您需要做的是创建一个新的输入字段,将其附加到正文,将其聚焦并使用 display:none.不幸的是,您需要将它们包含在一些 setTimeouts 中才能使其正常工作.

What you need to do is create a new input field, append it to the body, focus it and the hide it using display:none. You will need to enclose these inside some setTimeouts unfortunately to make this work.

var field = document.createElement('input');
field.setAttribute('type', 'text');
document.body.appendChild(field);

setTimeout(function() {
    field.focus();
    setTimeout(function() {
        field.setAttribute('style', 'display:none;');
    }, 50);
}, 50);

这篇关于如何使用 JavaScript 隐藏 Android 键盘?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!