[ jQuery ] クリックイベントの追加 ( .click ) と削除 ( .unbind )

Pocket

jQuery でクリックイベントの追加と削除を行うサンプルになります。クリックイベントは1つだけではなく、複数登録することができることがポイントです。

スポンサーリンク

ただし、イベントの再設定を行ないたい場合は、設定済みのイベントを消し忘れると思わぬ不具合となることがありますので注意が必要です。詳細は、サンプル内のコメントを参照ください。

イベントの追加と削除
$(function () {

    /*
     * クリックイベントその1を追加する
     */
    $("a#aid").click(function(){

        // メッセージ出力
        alert("event add 1");
    });

    /*
     * クリックイベントその2を追加する
     */
    $("a#aid").click(function(){

        // メッセージ出力
        alert("event add 2");

        /*
         * クリックイベントが実行されたら、そのイベントを削除する。
         * 従って、イベントはクリックイベントは一度のみ実行されることとなる。
         */
        $("a#aid").unbind('click');
    });

});
スポンサーリンク


Pocket

Leave a Comment

Your email address will not be published. Required fields are marked *