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/

多个事件正在发生什么行动

3 个答案: