1

More than 5 years have passed since last update.

TIS株式会社

IEのテキストボックスは、フォーカスが当たった状態でreadOnlyをオンにしても引き続き編集ができる

Last updated at 2015-09-04Posted at 2015-09-04

jsFiddle サンプル

上記サンプルでは、テキストボックス内で Enter を入力すると、テキストボックスが readOnly になるように実装している。

Chrome や Firefox なら、 readOnly になった後は当然編集ができなくなる。

しかし、 IE だと readOnly が設定された後もフォーカスが外れるまで編集ができてしまう。
一応、一度フォーカスが外れれば、以後は普通に読み取り専用となる（バグだろ・・・）。

しかたないので、強制的に blur() を実行するようにすれば、 IE でも他のブラウザと同じように動くようになる。

修正版サンプル

参考

1

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

1