テキストフィールドへの入力を禁止する


動作ブラウザ 【 IE:3.0  NN:2.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - - -
Macintosh - - -
UNIX - - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント <input type="text" onFocus="if(flag) this.blur()"><br> <input type="button" value="入力禁止" onClick="flag = true"> <input type="button" value="入力許可" onClick="flag = false">
説  明 フォームのテキストフィールドの入力を無効にするにはonFocusイベントを使ってフォーカスされたらフォーカスを外すようにします。フォーカスを外すにはblur()を使います。入力許可、禁止を設定するにはフラグ変数を用意しonFocusイベントが発生したらフラグ変数をチェックしblur()するかどうかを処理します。
サンプル <html> <head> <title>テキストフィールドへの入力を禁止する</title> <script language="JavaScript"><!-- flag = true; // --></script> </head> <body> <form name="myFORM"> 氏名:<input type="text" onFocus="if(flag) this.blur()"><br> <input type="button" value="入力禁止" onClick="flag = true"> <input type="button" value="入力許可" onClick="flag = false"> </form> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA