JS 自作のキーボード focusが外れてしまう

Question

input要素をreadonlyにし、自作のqwertyキーボードを表示させています。

input要素は6つ並んでおり、全てmaxlength="1"にしています。

自作のキーボードをクリックするとinput要素からfocusが外れてしまいます。

input要素にblurイベントがあると、自作のキーボードがhiddenになってしまいます。

どうにかしてinputにfocusしたまま自作キーボードのkeyボタンをクリックする方法はないでしょうか。

よろしくお願いいたします。

Answer 1

vue.js で v-model と methods をうまく使いこなして解決しました。