jQueryでのイベントハンドラの設定と削除

June 10th, 2014

イベントを設定する

// クリックイベントを設定する
$('p').on('click', function(e){
    console.log(e.type);
});

// 複数のイベントを同時に設定する
$('p').on('mouseover mouseout', function(e){
    console.log(e.type);
});

// 関数を使用してイベントを設定する
$('p').on('click', eventhandler(1));
function eventhandler(n) {
    console.log(n);
    return function (e) {
        console.log(e.type);
    };
}

イベントを削除する

// クリックイベントを削除する
$('p').off('click');

// 全てのイベントを削除する
$('p').off();
June 10th, 2014