javascript - イベントリスナーオールインワン？

Question

$something.on('mousedown touchstart mousemove', function(e){
   // everything do something
   if('mousedown') // do something

   if('touchstart') // do something

   if('mousemove') // do something
});

そのようなことは可能ですか？正しい方法は？

Answer 1

あなたはのために使用することができswitchますevent.type：

$something.on("mousedown touchstart mousemove", function(e) {
    switch (e.type) {
        case "mousedown":
            // do something
            break;

        case "touchstart":
            // do something
            break;

        case "mousemove":
            // do something
    }
});

Answer 2

もう 1 つの方法は、イベントに一致する内部メソッドを使用してハンドラー関数を作成することです。

$('div').on('mouseenter click', evtHandler)

function  evtHandler(evt, el) {
    var _self=this, $el=$(this);

    var handler = {
        click: function() {
            $el.text('Div was clicked on')
        },
        mouseenter: function() {
            $el.css('background','#EAEAEA')
        }
    };
    handler[evt.type]();
}

デモ: http://jsfiddle.net/ufYKF/