jQueryで複数のイベントを割り当てる

何度も使っているのに、ちょっと使わないと忘れちゃうのでメモ。

「複数のイベントを割り当てる」といっても二つの意味があって、それぞれ

と意味が異なる。

良く忘れるのは上の方だけど、混乱してしまうので一緒にまとめておきます。

複数のイベントに1つのイベントハンドラを割り当てる

$("#bind").bind("click dblclick", function(event){
    // click イベントと、dblclick イベントに同じイベントハンドラを設定
});

文字列スペース区切りで渡す。

複数のイベントそれぞれに個々のイベントハンドラを割り当てる

$('#bind').bind({
    click: function() {
        // click event
    },
    mouseover: function() {
        // mouseover event
    },
    mouseout: function() {
        // mouseout event
    }
});