もくじ

イベントハンドラをスクリプトで

イベントハンドラ

どの要素にも使えるイベント属性

よくaタグやformのボタンを使う例が示されることがありますが少なくともhtml4.01以降はどのタグも代表的なイベント属性をつけることができます。ただしscriptが使えない状況を考えてaタグを使うことは考えられます。

イベントの表記イベントの内容
onclick クリックした時
ondblclick ダブルクリックした時
onmousedown マウスボタンが押された時
onmouseup マウスボタンが離された時
onmouseover マウスボタンが重なったとき
onmousemove マウスカーソルが動いたとき
onmouseout マウスボタンが離れた時
onkeypress キーが押されたとき
onkeydown キーが押しさげられたとき
onkeyup キーが放されたとき

マウスのためのイベント属性でもキーボードでも操作できる場合があります。キーボードについてのイベントが必要になることはほとんどありまません。

限定された要素だけに使えるイベント属性

次のイベント属性は使うことができるタグが限定されています。特定のブラウザで使えることがあったとしても他のブラウザでは保証できませんから使用条件は守るべきです。

イベントの表記イベントの内容適用される要素
onfocusフォーカスが要素に与えられるときaarealabelinputselecttextareabutton
onblurフォーカスを失ったとき(ブラー)aarealabelinputselecttextareabutton
onloadページが読み込まれたときbodyframeset
onunload他のページに切り替わるときbodyframeset
onreset取消(リセット)ボタンが押されたときform
onsubmitフォームのデータが送信されたときform
onchangeオブジェクトを変更したときinputselecttextarea
onselectフォームの入力領域が選択されたときinputtextarea

上記を要素ごとにまとめたもの(もちろんonclickなど,どの要素にも使えるイベント属性も使えます)

適用される要素使えるイベント属性
aonbluronfocus
areaonbluronfocus
bodyonloadonunload
framesetonloadonunload
formonresetonsubmit
labelonbluronfocus
inputonbluronfocusonchangeonselect
selectonbluronfocusonchange
textareaonbluronfocusonchangeonselect
buttononbluronfocus

ウェブページ(Jan.2010)
聖愛中学高等学校
http://www.seiai.ed.jp/
Dec.2009 初稿