|
■ JavaScript - 基本操作 - イベントハンドラ
- 4.onFocus
フォーカスされたら、何らかの処理を行いたい際に使うイベントハンドラです。
| ソース |
|---|
<html><head></head>
<body>
<form>
<input type="text" size="10" onFocus="alert('これがonFocusです。');">
</form>
</body></html>
|
| 実行結果 |
|---|
|
|
サンプルではテキストオブジェクトにカーソルを移動すると、ダイアログが表示されるようになっています。
もっと多くの処理をしたい場合は、内容が変化された時にユーザー定義関数を呼び出すようにします。
また、サンプルソースをそのまま使用しますと
onFocusされる→ダイアログ表示→onFocusされている→ダイアログ表示……
と言うように、無限ループに陥ってしまいます。
ですから、サンプルでは無限ループに陥らないように細工しています。
|
|
