Change/Input Events for HTML range inputs
Details of change and input event firing
 <input type="range" max="100" min="0" value="50">
Browser | Change Event | Input Event |
---|---|---|
Chrome 47 |
|
|
Edge 13 |
|
|
Firefox 43.0.4 |
|
|
IE 11 |
|
|
Safari 9.0.2 |
|
|
Safari iOS 9.2 |
|
|
Â
Possible solutions
Track event firing
It seems that the input event will fire before the change event in cases where they are both fired. With this, it is possible to track if the input even has fired. If it has not fired, the change event handler is used to handle the event instead.
This jsfiddle example follows this scheme; however, in an actual implementation the portion of the handlers not involved in tracking event firing would be the same.