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

Question

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

用户应该能够按任何键，但只有在接受输入并提前的键匹配特定字符串中的下一个正确字符的键

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

Answer 1

，如果输入的键与字符串不匹配，则可以防止键盘上的默认值。例如：

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