onChange event for HTML5 range
Use for final selected value:
$(".slider").on("change", function(){console.log(this.value)});
Use to get incremental value as sliding:
$(".slider").on("input", function(){console.log(this.value)});
Bit late, but I had the same problem the other day. Here is my solution using jQuery bind/trigger:
(function(el, timeout) {
var timer, trig=function() { el.trigger("changed"); };
el.bind("change", function() {
if(timer) {
clearTimeout(timer);
}
timer = setTimeout(trig, timeout);
});
})($(".slider"), 500);
Now just bind your function to the 'changed' event instead.
Bah!
Use onmouseup
event Rather then onChange