onChange( )
Adds an event handler that runs when an element's value is changed.
Description
An element receives a change
event when a site visitor changes the value
of an element.
A change
event is not triggered when you change an element's value using
the element's value
property.
Because onChange()
is fired before validations are performed, do not check
any of the validation properties in the onChange()
event handler. For example,
do not code an if
statement that checks the valid
property in onChange()
because the property at this point contains values prior to the onChange()
event.
You can also define an event handler using the Properties and Events panel.
Syntax
function onChange(handler: EventHandler): Elementhandler: function EventHandler(event: Event): void
onChange Parameters
NAME
TYPE
DESCRIPTION
The name of the function or the function expression to run when the element's value changes.
EventHandler Parameters
NAME
TYPE
DESCRIPTION
Returns
This function does not return anything.
Return Type:
Was this helpful?
Get the value of the element that was changed
1$w("#myElement").onChange( (event) => {2 let newValue = event.target.value; // "#0057E1"3 });