handleEvent()メソッド

handleEvent()は、イベントリスナーを登録したイベントが発生する度に呼び出すメソッド。

構文

var $eventListener = {
    handleEvent: function() {
        // 処理文
    }
};

eventTarget.addEventListener( eventType, eventListener[, useCapture] )メソッドなどでイベントリスナーを登録したイベントが発生する度に「処理文」を実行する。

戻り値

なし。

サンプル

0

サンプルの動作について

「カウントアップ」ボタンをクリックする度に、ボタンの右横の数値に1を加算する。

サンプルのソースコード

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>

HTML

<p>
    <button id="sampleButton">カウントアップ</button>
    <span id="sampleOutput" style="margin-left: 10px;">0</span>
</p>

スポンサード リンク

カテゴリー: DOM, EventListenerオブジェクト, JavaScript, イベント, メソッド, リファレンス パーマリンク