イベント
イベントハンドラ
イベント処理
- html側
- 要素内のon[イベント名]属性に実行したい関数名
- JavaScript側
- on[イベント名]で行いたい処理を関数として定義
<div onclick="function_name();">
function function_name() {
//処理;
}
例
function changeTextA(){ document.getElementById('here').innerHTML='ポインタを外して'; } function changeTextB(){ document.getElementById('here').innerHTML='ポインタをここに'; }
<p id="here" onMouseOver="changeTextA()" onMouseOut="changeTextB()">ポインタをここに</p>
ポインタをここに