入力要素を特定の文字列に制限する

Question

特定の文字列を入力するように入力要素を制限する雄弁な方法はありますか？

ユーザーは、入力が受け入れられてカーソルが前進する場合、特定の文字列の次の正しい文字と一致する場合にのみ、任意のキーを押すことができます。

パターン属性がありますが、それは解決策ではないと私は考えています。

Answer 1

入力したキーがあなたの文字列と一致しない場合は、キーダウンのデフォルトを防ぐことができます。例えば：input要素にoninputchange

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