change

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

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

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

    $(document).ready(function() {
        $("#slider").kendoSlider({
            change: sliderOnChange,
            min: 0,
            max: 30,
            smallStep: 1,
            largeStep: 10,
            value: 18
        });                    
    });
</script>

Event Data

e.value Number

Represents the updated value of the slider.

In this article