Fires when the slider value changes as a result of selecting a new value with the drag handle, buttons or keyboard.

Example - subscribe to the change event

<input id="slider" class="temperature" />         

    function sliderOnChange(e) {
        console.log("Change :: new value is: " + e.value);

    $(document).ready(function() {
            change: sliderOnChange,
            min: 0,
            max: 30,
            smallStep: 1,
            largeStep: 10,
            value: 18

Event Data

e.value Number

Represents the updated value of the slider.

In this article