マウスに関するイベント
ブラウザの読み込みと同時に何かを実行したい２ |
イベント |
２ |
フォーカスイベント |
これはフォームなどのボックスにフォーカスが与えられたときのイベントなんだ。
フォーカスとは焦点という意味なんだ。
つまり、その場所を操作しようとしたときに起こるイベントだと思って置けばよい。
このフォーカスイベントが使えるのは、主にWebブラウザまたはその中のフレームにフォーカスが与えられたとき、フォームの入力欄またはボタンにフォーカスが与えられたときなどに使えるんだ。
（※これだけではよくわからないと思うので具体的な例をあげてみよう。
例えば、フォームのテキストボックスを使った場合。
そこに文字を書くとき、そのテキストボックスの中をマウスでクリックするね。
そのときに、黒い棒（｜こんな感じの）がテキストボックスの中で点滅するよね。
このとき、フォーカスが与えられたことになるんだよ。
つまり、何かを操作するときはそれをクリックして動かせるようにするよね。
いくつものブラウザを開いているときに違うブラウザを操作したかったらそのブラウザを一度クリックするね。
そのとき、そのブラウザにフォーカスが与えられたというんだよ。）
onFocus = "■";・・・・・フォーカスが与えられたときに■を実行する |
これはさっきも言ったように、
・Webブラウザ本体
・ブラウザ内のフレーム
・フォームのボタンやボックス
に使えるんだ。
（※フォーカスが離れるというのは当然、その場所からフォーカスが違う場所に移動したときのことだよ。）
| <FORM> テキストボックス１：<INPUT type="text" onFocus="alert('テキストボックス１')"><BR> テキストボックス２：<INPUT type="text" onFocus="alert('テキストボックス２')"> </FORM> ↑テキストボックスにonFocus命令をつけた |
これを実行すると、
| ↑それぞれのテキストボックスにフォーカスを与えてごらん |