Subject   : イベントハンドラの記述

カテゴリー  : Home page > JavaScript


 イベントハンドラの記述

イベントハンドラは、ユーザのアクションに合わせてJavaScriptのコードを 呼び出す仕組みです。例えば、マウスでボタンをクリックした時に、特定の JavaScriptコードを実行するなどというのは、典型的なイベントハンドラの 例です。

<タグ イベントハンドラ名="実行されるJavaScriptコード">

例えば、ボタンがクリックされた時に、JavaScriptコードを呼び出すには、以下のように記述します。

<INPUT type="BUTTON" name="OKBTN" onClick="実行したいJavaScriptコード">

通常は、実行するJavaScriptコードは、HTMLヘッダーに定義しておいた関数名に する場合が多いです。

イベントハンドラ名 呼び出されるタイミング
onBlurフォームの要素がフォーカスを失った時。
onClickフォーム要素やリンクがクリックされた時。
onChangeテキストやリストの値が変わった時。
onFocusフォーム要素がフォーカスを得た時。
onLoadHTMLページがロードされた時。
onMouseOverリンクやアンカーの上をマウスが通過した時。
onSelectフォームの選択オブジェクトが選択された時。
onSubmitフォームがサブミット(提出)された時。
onUnload別のページをロードしようとした時。

上記のようなイベントハンドラを利用できるオブジェクトも、予め決められています。どのオブジェクトがどのイベントハンドラを利用できるのかは、以下のようになっています。

オブジェクト 利用できるハンドラ
buttononClick
documentonLoad, onUnload
formonSubmit
framesetonLoad, onUnload
linkonClick, onMouseOver
radioonClick
resetonClick
selectonBlur, onChange, onFocus
submitonClick
textonBlur, onChange, onFocus, onSelect
textareaonBlur, onChange, onFocus, onSelect
windowonLoad, onUnload


[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]