̃Gg[͂ĂȃubN}[Nɒlj

IE で、readonly のテキストフィールド(<input type="text">)の文字列を選択させない



テキストフィールドの属性を readonly にして、onFocus=“this.blur()” を指定しても、IE では文字列を選択できてしまう。
回避策として、onSelectStart=“return false” も追加しよう。
(IE9で検証)

デモ

※デモはIEで確認してください。

  • onFocus=“this.blur()” だけの場合

← 文字列をドラッグすると選択できると思います。

<input type="text" name="readonly_text" value="readonlyなテキスト" readonly="readonly" onFocus="this.blur()">


  • onFocus=“this.blur()” onSelectStart=“return false” で対策した場合

← 選択できないと思います。

<input type="text" name="readonly_text" value="readonlyなテキスト" readonly="readonly" onFocus="this.blur()" onSelectStart="return false">





programming/javascript/etc/lie_readonly_noselect.txt