javascript - アクションが行われている複数のイベント

Question

次のコードがある場合、どのアクションまたはイベントが発生しているかをどのように判断しますか

$('#mydiv').on('click mousedown mousemove', function(event) { //<--multiple event
    if (action is mousedown) {

    }
    else if(action is mousemove){

    }
    else{
        //mouse click
    }
});

jsFiddleの例を歓迎します。

Answer 1

event.typeイベントタイプを文字列として取得します。

$('#mydiv').on('click mousedown mousemove', function(event) {
    switch(event.type) {
        case 'click':
                //do something on click
            break;
        case 'mousedown':
                //do something on mousedown
            break;
        case 'mousemove':
                //do something on mousemove 
            break;

       .....etc.
    }

});

次のこともできます。

$('#mydiv').on(
   click: function() {
        //do something on click
   },
   mousedown: function() {
       //do something on mousedown
   },
   mousemove: function() {
      //do something on mousemove
   }
});

Answer 2

次のイベントでアクセスできます。

event.type

コードは次のように記述できます。

$('#mydiv').on('click mousedown mousemove', function(event) {
    if (event.type == 'mousedown') {

    }
    else if (event.type == 'mousemove'){

    }
    else{
        //mouse click
    }
});

参照：event.type

Answer 3

あなたはキャプチャすることができますevent.type:

$('#mydiv').on('click mousedown mousemove', function(event) { //<--multiple event
    console.log(event.type);
});​

http://jsfiddle.net/ra9r5/