Bind function to multiple events of different elem

Question

I would like to bind a function to the mouseout event of my <canvas> element, and bind the same function to the blur and contextmenu events of my body. How would I go about binding this function to those elements at once, when there are different elements which need the same function bound to different events of each?

Thanks.

Answer 1

You can't. Define your function beforehand:

function eventHandler(event) {}

and assign it separately:

$('canvas').mouseout(eventHandler);
$('body').bind('blur contextmenu', eventHandler);

With .bind you can at least bind one event handler to multiple events.