Multiple events at once?

Question

Is there any simple way of doing :

var doSomeWork = function(){
    //Do some work...
}

$('#myDomElement').on({
    mouseenter : doSomeWork(),
    mousemove :  doSomeWork(),
    mouseleave : doSomeWork(),
    mouseup : doSomeWork(),
    mousedown : doSomeWork()
})

I didn't like this repetitious style. Maybe something similar to:

$('#myDomElement').on(['mouseenter', 'mousemove', 'mouseleave', 'mouseup', 'mousedown '],function(){
    doSomeWork(),
})

Is that possible? Thank you.

`$('#myDomElement').on('mouseenter mousemove mouseleave mouseup mousedown',doSomeWork);` — A. Wolff, Feb 03 '14 at 13:06
First post on google. for the keyword "multiple events jquery".. [link](http://stackoverflow.com/q/2534089/1577396) — Mr_Green, Feb 03 '14 at 13:08

score 2 · Accepted Answer · answered Feb 03 '14 at 13:06

2

You can bind multiple events using .on() as follows

$('#myDomElement').on('mouseenter mousemove mouseleave mouseup mousedown',function(){
    doSomeWork(),
})

Separate multiple events by just using a space

answered Feb 03 '14 at 13:06

Pranav C Balan

113,687
23
165
188

Multiple events at once?

1 Answers1