IME 制御 javascript

Question

var input = document.createElement('input');
input.type = 'text';

上記のようにエレメントを作成して、そのエレメントに対してIMEの制御を設けたいのですがどのように記述すればよいのでしょうか？

Answer 1

ブラウザのIME制御はブラウザ依存が非常に大きいため、ターゲットとするブラウザ前提が必要です。
ブラウザ依存はありますが、基本的にはスタイルシートの設定になります。
class指定するのか、直接style指定するのか、により記載は変わります。
※動かしていないのであしからず。

var input = document.createElement('input');
input.type = 'text';
//input.className('ime-on'); // class指定 IMEモードON
//input.className('ime-off'); // class指定 IMEモードOFF
//input.style = 'ime-mode:active'; // 直接sytle指定 IMEモードON
//input.style = 'ime-mode:disabled'; // 直接sytle指定 IMEモードOFF

/** CSSはclass指定の場合のみ必要です */
/** IMEモードONのスタイル */
.ime-on {
  ime-mode:active;
}
/** IMEモードOFFのスタイル */
.ime-off {
  ime-mode:disabled;
}