← TssGrid/例一覧

日本語IME体感デモ ―「あ」と打って「あ」と出るか 自分で試せます

日本語入力(IME)をオンにして、下の表のセルをクリックし、そのまま「あ」と打ってみてください。
左(よくある作り)=クリックしたセルに"本物の <input>"が無く、初打鍵でinputを生成します。→ 1文字目が化ける/消える(例:「あ」→「a」、「てすと」→「tえすと」。Windows+IMEで顕著)。
右(TssGrid)=アクティブなセルに常に本物の <input> を重ねている。→ 「あ」はそのまま。変換確定の Enter でもセルが飛びません。
※体感差はIME・ブラウザに依存します。うまく再現しないときは、日本語入力をオンにして、セルを一度クリックしてから続けて打ってみてください。

左:よくある作り 初打鍵でinput生成

セルをクリック → そのまま「あ」と打ってみて(1文字目が化けるはず)

右:TssGrid 常時input重ね

セルをクリック → そのまま「あ」と打ってみて(Enter確定でも飛ばない)

なぜ左は化けるのか・TssGridはどう直したのか、の解説 → 記事「TssGrid」。 ソース: GitHubnpm i @threestarsoftware/tssgrid