handleEvent()は、イベントリスナーを登録したイベントが発生する度に呼び出すメソッド。
構文
var $eventListener = {
handleEvent: function() {
// 処理文
}
};
handleEvent: function() {
// 処理文
}
};
eventTarget.addEventListener( eventType, eventListener[, useCapture] )メソッドなどでイベントリスナーを登録したイベントが発生する度に「処理文」を実行する。
戻り値
なし。
サンプル
0
サンプルの動作について
「カウントアップ」ボタンをクリックする度に、ボタンの右横の数値に１を加算する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
window.onload = function () {
document.getElementById( "sampleButton" ).addEventListener( "click", $countUp, false );
}
var $count = 0;
var $countUp = {
handleEvent: function() {
document.getElementById( "sampleOutput" ).innerHTML = ++$count + this.text;
},
text: "回目"
};
</script>
window.onload = function () {
document.getElementById( "sampleButton" ).addEventListener( "click", $countUp, false );
}
var $count = 0;
var $countUp = {
handleEvent: function() {
document.getElementById( "sampleOutput" ).innerHTML = ++$count + this.text;
},
text: "回目"
};
</script>
HTML
<p>
<button id="sampleButton">カウントアップ</button>
<span id="sampleOutput" style="margin-left: 10px;">0</span>
</p>
<button id="sampleButton">カウントアップ</button>
<span id="sampleOutput" style="margin-left: 10px;">0</span>
</p>