How to use the widget

When you are using the on-site widget to select an element, you will need to pay attention to some settings in the widget in order to get the specific data you are after.


 


Select events:

If you select an element that requires an event, the "Select event" drop-down menu will appear. All the events are arranged in the recommended order for the selected element.

The default event is "click" and is the most common event that you will want to use.

One exception is when selecting a field element, where blur is more common. Blur specifies that the user has left the clicked field, which indicated that the field is filled out and will give you more accurate data results.

Events to choose from in the drop-down:

click - The event occurs when the user clicks on an element
dblclick - The event occurs when the user double-clicks on an element
keydown - The event occurs when the user is pressing a key
keyup - The event occurs when the user releases a key
mouseover - The event occurs when the pointer is moving while it is over an element
mouseout - The event occurs when a user moves the mouse pointer out of an element
mousedown - The event occurs when a user presses a mouse button over an element
mouseup - The event occurs when a user releases a mouse button over an element
mousewheel (scroll) - The event occurs when a document view is scrolled.
blur - The event occurs when a form element loses focus
change - The event occurs when the content of a form element, the selection, or the checked state have changed (for <input>, <select>, and <textarea>)
focus - The event occurs when an element gets focus (for <label>, <input>, <select>, textarea>, and <button>)
select - The event occurs when a user selects some text (for <input> and <textarea>)

All mentioned events are HTML DOM Events.