View Full Version : Multiple events one function

Rain Lover
05-14-2014, 03:19 AM
The following works with no problem:

element.oninput = go;
element.onchange = go;

But isn't there a shorter way to achieve the same result? Do we have to repeat the same line for each event?

05-14-2014, 07:13 AM
In ordinary javascript:

element.oninput = element.onchange = go;

If using recent versions of jQuery (with the newer 'on' function):

$(element).on('input change', go);

Rain Lover
05-14-2014, 07:23 AM
element.oninput = element.onchange = go;

Thanks for the answer! I never thought it could be so simple.
onchange is added to support IE and oninput for other browsers to handle <input type="range">. Does the events order make any difference?