将输入元素限制为特定字符串

Question

是否有一种雄辩的方法来限制输入元素键入特定的字符串？

用户应该可以按任意键，但只有当键与特定字符串中的下一个正确字符匹配时才接受输入并且光标前进。

当然有模式属性，但我不认为这是解决方案。

Answer 1

如果输入的密钥与您的字符串不匹配，您可以阻止keydown上的默认值。例如：

const input = document.getElementById('omg')
const string = 'lolwow'
input.addEventListener('keydown', event => {
  const index = input.value.length
  if (string[index] != event.key) {
    event.preventDefault()
  }
})