HTML input element range detect when a drag is over

Question

<input type="range" min="0" max="1" step="0.01" value="1" />

Using Javascript how can I detect when the user has finished dragging a input:range element?

I've tried to use onblur, onmouseout and ondragend events.

Looking for a native javascript solution

Answer 1

You can use onchange or onmouseup

jsfiddle