Question

我有一个基于angular js的应用程序。它是一个混合应用程序。

我想动态地将键盘类型从“ tel”更改为“ text”，即我输入的文件接受“ 1234AB”格式的邮政编码。键入“ 1234”后，我希望键盘切换为文本。

使用JavaScript可以吗？

我确实将输入字段的类型从tel更改为type，但是在更改类型时遇到了问题，键盘自动关闭。我再次不得不在文本框上聚焦，以调动键盘。

Answer 1

输入的长度达到4后，您可以尝试在下面更改类型。

如果这还不能触发键盘更改，请尝试使if中的输入模糊并重新聚焦。

document.getElementById('foo').addEventListener('input', e => {
  if (e.target.value.length == 4) {
    e.target.setAttribute('type', 'text');
    e.target.blur();
    e.target.focus();
  }
})

<input id="foo" type="number" />

使用JavaScript更改键盘类型

1 个答案: