Ineternet Explorer独自で追加され、Firefoxでも利用できるらしいime-modeを、選択肢に合わせてJavaScriptで切り替えることができるか試してみました。
結果
jQuery('#target').css("ime-mode", "auto");
として、IMEの状態を変更しないように設定できます。
jQuery('#target').css("ime-mode", "disabled");
とすれば、IMEの状態が無効になります。
JavaScriptでユーザーの選択肢を判断して、上記のどちらかを実行するようにしたら、切替ができました。
対応ブラウザのみとはいえ、英語入力が前提なんだから、入力できないようにして欲しいという要望はあるので、ime-modeの設定をした上で、入力内容が英語かチェックする機能を実装しています。
CSSでの設定なので、動的に切り替える必要がなければ、HTML側に書かずにCSSで一括設定して、HTML側のコードが増えないのはメリットだと思います。
