RangeSlider (레인지슬라이더) Widget Control

This page lists the Widget Control (Property · Method · Event) you use to control the RangeSlider widget from a script. To learn what the widget is and how to use it, visit RangeSlider.

info

The rangesliderID in the examples below is the name (ID) you assigned to the RangeSlider widget on the canvas. In a script, access members as widgetID.member.

Widget Control summary

Widget Control	Kind	Signature	Description
onChanged	Event	onChanged = (start, end) => { ... }	Runs continuously while you drag either handle
onChangeStart	Event	onChangeStart = (start, end) => { ... }	Runs when you start dragging a handle
onChangeEnd	Event	onChangeEnd = (start, end) => { ... }	Runs when you finish dragging a handle

Property

info

Not applicable — the RangeSlider widget has no script-specific Property. From a script, read and write values with the common Widget Control below (getProperty / setProperty).

Method

info

Not applicable — the RangeSlider widget has no dedicated Method. Use the common Widget Control below.

Event

onChanged

Runs continuously, firing every time the value changes while you drag either handle (thumb).

• Kind: Event
• Handler: a callback function that receives the start and end values of the range as two arguments
• Parameters: start (start of the range, a number), end (end of the range, a number)
• Returns: None

Example

rangesliderID.onChanged = (start, end) => {
  // Code to run while the value changes
};

onChangeStart

Runs once the moment the user starts dragging a handle.

• Kind: Event
• Handler: a callback function that receives the start and end values at the moment dragging begins, as two arguments
• Parameters: start (start of the range, a number), end (end of the range, a number)
• Returns: None

Example

rangesliderID.onChangeStart = (start, end) => {
  // Code to run when dragging starts
};

onChangeEnd

Runs once the moment the user finishes dragging a handle. Use it to handle the final, confirmed values.

• Kind: Event
• Handler: a callback function that receives the start and end values at the moment dragging ends, as two arguments
• Parameters: start (start of the range, a number), end (end of the range, a number)
• Returns: None

Example

rangesliderID.onChangeEnd = (start, end) => {
  // Code to run when dragging ends
};

Common Widget Control (all widgets)

note

Every widget supports name-based common Widget Control (Method) such as setProperty / getProperty / setStyleProperty. See the common reference doc (to be written).