RangeSlider.RangeChanged

Syntax

RangeChanged: function(sender, args, timeout);

Parameters

sender. Event source.

args. Event information.

timeout. Time delay (milliseconds) after which the event is fired.

Description

The RangeChanged event is fired on completing the change of the range of values selected with the sliders.

Example

To execute the example, the page must contain the RangeSlider component named slider (see Example of Creating the RangeSlider Component). Handle the following events: RangeChanging, RangeChanged:

// Determine counter of fired events
var eventsCount = 0;
// Handle the RangeChanging event
slider.RangeChanging.add(function (sender, args, timeout) {
    // Display the message about event calling up to two times
    if (eventsCount < 2) {
        console.log("The RangeChanging event is initiated")
        eventsCount++;
    }
});
// Handle the RangeChanged event
slider.RangeChanged.add(function (sender, args, timeout) {
    console.log("The RangeChanged event is initiated")
});

Move component slider.

After executing the example messages informing that handled events are fired are displayed to the browser console:

RangeChanging event initialized

RangeChanged event initialized