日本語フォームの半角カナ・全角英数をinputとblurで使い分けて自動変換する話
日本語フォームの半角カナ・全角英数を JavaScript で自動変換する実装メモ。input イベントは IME 経由では動かずコピペ対策専用、IME 入力は blur で最終チェックする役割分担を、ATOK + Chrome の実測ログでまとめました。
フォーム
姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した話
姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した検証メモ。ATOK 35 + Chrome 148の実測ログを交え、変換途中のフォーカス移動、推測変換、Cmd+Tabで発火順序が逆転する挙動などをまとめました。
Contact Form 7でzipaddr-jpが動かなかった話｜郵便番号→住所自動入力で踏んだid命名規則の罠
Contact Form 7 + zipaddr-jp で郵便番号→住所自動入力を実装したとき、 id 命名規則の area / addr の使い分けを見落として動かなかった実体験。原因究明の流れと、area が分かれている設計理由を実装メモで残します。
日本語入力のEnterでフォームが誤送信される問題を直した話｜Safari・React・Vue対応
日本語入力中のEnterでフォームやチャットが誤送信される問題を検証。isComposingだけで防げなかったSafariの挙動と、compositionendを使った対策を実例付きでまとめました。