§09-25Forms
入力途中 candidate (IME 挙動考慮)
日本語変換中の Enter で誤送信しない入力欄を作る。
日本語入力の変換確定を送信と誤認させない。チャットや検索のように Enter で送る欄で、変換途中の文が送られる問題に効く。
実装のポイント
Enter 判定では compositionstart/end のフラグに加え、KeyboardEvent.isComposing や keyCode 229 も見る。ブラウザによってイベント順序が異なるためである。
- 特徴
- キーボード操作
- ブラウザ API
- デモで使っているもの
- lucide-react