banner
李大仁博客

李大仁博客

天地虽大,但有一念向善,心存良知,虽凡夫俗子,皆可为圣贤。

[CSS] ブラウザのIME入力制御による中国語の入力の禁止

通常の HTML 開発プロセスでは、テキストタイプの入力コントロールで中国語の入力を禁止するためには、通常は JavaScript を使用して実現します。ユーザーが入力したテキストの文字コードの範囲を判定して、コントロールに入力するかどうかを選択します。CSS3.0 では、スタイルを使用して入力コントロールの入力方法を制御することができます。オブジェクトのスタイルの ime-mode を設定することで実現できます。設定できる値は次のとおりです: auto:IME の状態に影響を与えません。 active:IME を使用して入力されるすべての文字を指定します。つまり、ローカル言語の入力方法をアクティブにします。ユーザーはまだ IME のアクティブ化を取り消すことができます。 inactive:IME を使用しないすべての文字を指定します。つまり、ローカル言語以外の入力方法をアクティブにします。ユーザーはまだ IME のアクティブ化を取り消すことができます。 disabled:IME を完全に無効にします。フォーカスがあるコントロール(例:入力ボックス)では、ユーザーは IME をアクティブ化することはできません。 normal:通常の IME の状態です。(IE ではサポートされていません。使用は推奨されません)

サンプルコード:

/*Chrome Safari*/
-webkit-ime-mode: auto | active | inactive | disabled
/*Mozilla Firefox*/
-moz-ime-mode: auto | active | inactive | disabled
/*Opera*/
-o-ime-mode: auto | active | inactive | disabled
/*Internet Explorer*/
-ms-ime-mode: auto | active | inactive | disabled
/*CSS3 Standard*/
ime-mode: auto | active | inactive | disabled

ただし、Chrome 30.0.1599.69 m では上記の方法が無効になっているようですので、現在は JavaScript と組み合わせて手動で制御する必要があります。開発時には以下の方法を検討することをお勧めします。

//\u4e00-\u9fa5 は中国語の文字コード範囲です

モバイル HTML5 アプリ開発の場合は、以下の方法を使用できます。

参考 URL: http://stackoverflow.com/questions/15520410/disable-ime-mode-google-chrome

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。