本文へ移動

§09-25Forms

入力途中 candidate (IME 挙動考慮)

日本語変換中の Enter で誤送信しない入力欄を作る。

日本語入力の変換確定を送信と誤認させない。チャットや検索のように Enter で送る欄で、変換途中の文が送られる問題に効く。

実装のポイント

Enter 判定では compositionstart/end のフラグに加え、KeyboardEvent.isComposing や keyCode 229 も見る。ブラウザによってイベント順序が異なるためである。

特徴
  • キーボード操作
  • ブラウザ API
デモで使っているもの
  • lucide-react