気の向くままに辿るIT/ICT
webzoit.netウェブサイトホームページ
HTML/XHTMLタグ・要素・属性・属性値

イベントハンドラ【HTML5】

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索
イベントとかイベントハンドラとは?

イベントハンドラ【HTML5】

イベントハンドラ【HTML5】

 HTML5で定義されているイベントハンドラとイベントハンドラのイベントタイプには下記49種に加え5種類で全54種あり、HTML4との互換性維持含め継承したものにプラスしてHTML5では相当数のイベントハンドラが追加されています。

 下記リストは、content属性とIDL属性双方として、更にIDL属性としてのDocumentオブジェクトとWindowオブジェクトについて全てのHTML要素によってサポートされなければならないとHTML5仕様書で規定されているイベントハンドラ(とそれに一致するイベントハンドラのイベントタイプ)です。

W3C [HTML5] 6.1.6 Events(英文)

Event handlerEvent handler event type
onabortabort
oncanplaycanplay
oncanplaythroughcanplaythrough
onchangechange
onclickclick
oncontextmenucontextmenu
oncuechangecuechange
ondblclickdblclick
ondragdrag
ondragenddragend
ondragenterdragenter
ondragleavedragleave
ondragoverdragover
ondragstartdragstart
ondropdrop
ondurationchangedurationchange
onemptiedemptied
onendedended
oninputinput
oninvalidinvalid
onkeydownkeydown
onkeypresskeypress
onkeyupkeyup
onloadeddataloadeddata
onloadedmetadataloadedmetadata
onloadstartloadstart
onmousedownmousedown
onmousemovemousemove
onmouseoutmouseout
onmouseovermouseover
onmouseupmouseup
onmousewheelmousewheel
onpausepause
onplayplay
onplayingplaying
onprogressprogress
onratechangeratechange
onreadystatechangereadystatechange
onresetreset
onseekedseeked
onseekingseeking
onselectselect
onshowshow
onstalledstalled
onsubmitsubmit
onsuspendsuspend
ontimeupdatetimeupdate
onvolumechangevolumechange
onwaitingwaiting

HTML5のイベントハンドラ

 下記リストは、content属性とIDL属性双方として、更にIDL属性としてのDocumentオブジェクトについてbodyだけではなく全てのHTML要素によってサポートされなければならないとHTML5仕様書で規定されているイベントハンドラ(とそれに一致するイベントハンドラのイベントタイプ)です。

W3C [HTML5] 6.1.6 Events(英文)

Event handlerEvent handler event type
onblurblur
onerrorerror
onfocusfocus
onloadload
onscrollscroll

HTML5のイベントハンドラ

 下記リストは、WindowオブジェクトにおけるIDL属性とそれに伴う一致するcontent属性、更にbodyとHTML4で定義されていたframeset要素で公開されていたIDL属性としてWindowオブジェクトによってサポートされなければならないとHTML5仕様書で規定されているイベントハンドラ(とそれに一致するイベントハンドラのイベントタイプ)です。

W3C [HTML5] 6.1.6 Events(英文)

Event handlerEvent handler event type
onafterprintafterprint
onbeforeprintbeforeprint
onbeforeunloadbeforeunload
onblurblur
onerrorerror
onfocusfocus
onhashchangehashchange
onloadload
onmessagemessage
onofflineoffline
ononlineonline
onpagehidepagehide
onpageshowpageshow
onpopstatepopstate
onredoredo
onresizeresize
onscrollscroll
onstoragestorage
onundoundo
onunloadunload

イベントハンドラとは

 W3CによるHTML/XHTMLにおいてはJavaScriptなどの各種Scriptによって動的な処理を行う為に各種イベントハンドラが定義されています。

 イベントハンドラはHTML/XHTML開始タグ内で属性の1つとして定義され、、ブラウザ上にページが読み込まれた時、マウスポインタでポイントした時、クリックした時といった入力情報などをトリガ(引き鉄)としてScriptを実行することができるようになっています。

例:<body onLoad="">

 イベントハンドラは、前述の通り、HTML/XHTMLで定義されていますが、XHTML、その変遷からXHTML1はイベントハンドラに関してもHTML4を踏襲しています。

 現在策定中のHTML5では冒頭のリストの通り、HTML4への互換性の為のイベントハンドラ、継承されたイベントハンドラの他、数多くのイベントハンドラが追加されています。

  • 【HTML5】イベントハンドラ

各種HTMLとHTMLタグ/要素・属性・属性値

ウェブ造ホーム前へ次へ