- Click on the element you would like to customize.
- Specify the function to be applied when an event occurs.
The image above shows that the specified function named "buttonClicked" will be invoked when the selected button is clicked. Next, you should define the function in the site header/footer code or in the corresponding page header/footer code. Refer the image below.
Sample code :
Note: You can input various function names to apply different event types for any element.
We currently support six events:
The click event fires when the user clicks on an element that has the listener attached.
The dblclick event fires when the user double clicks an element that has the listener attached.
The mouseover event fires when the user moves the mouse over an element that has the listener attached.
The mouseout event fires when the mouse leaves an element that has the listener attached.
The mouseenter event fires when a pointing device (usually a mouse) is moved over the element that has the listener attached.
The mouseleave event fires when a pointing device (usually a mouse) is moved off the element that has the listener attached.