Flow Events

You can trigger flow events on any html event that is available in Javascript

For example you can setup an add to cart event or create customer event by doing a simple click event like this:

 <?php $cart_quantity_flow->attr('event', 'click') ?>

You need to declare that you are wanting to set an event and then in the second argument you declare which event you would like to use

Event List

Mouse Events

• click: Triggered when an element is clicked.

• dblclick: Triggered when an element is double-clicked.

• mousedown: Triggered when a mouse button is pressed down over an element.

• mouseup: Triggered when a mouse button is released over an element.

• mousemove: Triggered when the mouse pointer is moved while it is over an element.

• mouseover: Triggered when the mouse pointer enters an element.

• mouseout: Triggered when the mouse pointer leaves an element.

Keyboard Events

• keydown: Triggered when a key is pressed down.

• keypress: Triggered when a key is pressed and released.

• keyup: Triggered when a key is released.

Form Events

• focus: Triggered when an element gains focus.

• blur: Triggered when an element loses focus.

• change: Triggered when the value of an element changes.

• submit: Triggered when a form is submitted.

• reset: Triggered when a form is reset.

Window Events

• load: Triggered when the page has finished loading.

• unload: Triggered when the user exits the page.

• resize: Triggered when the browser window is resized.

• scroll: Triggered when the user scrolls the page.

Touch Events

• touchstart: Triggered when a touch point is placed on the touch surface.

• touchmove: Triggered when a touch point is moved along the touch surface.

• touchend: Triggered when a touch point is removed from the touch surface.

• touchcancel: Triggered when a touch interaction is interrupted.

Drag and Drop Events

• dragstart: Triggered when the user starts to drag an element.

• drag: Triggered while an element is being dragged.

• dragend: Triggered when the user stops dragging an element.

• dragenter: Triggered when a dragged element enters a drop zone.

• dragover: Triggered while a dragged element is over a drop zone.

• dragleave: Triggered when a dragged element leaves a drop zone.

• drop: Triggered when a dragged element is dropped in a drop zone.

Other Events

• error: Triggered when an error occurs while loading an external resource.

• contextmenu: Triggered when the user right-clicks on an element.

• select: Triggered when the user selects some text.

• wheel: Triggered when the user rotates the mouse wheel.

• storage: Triggered when a change is made to the local storage.

• online: Triggered when the browser comes online.

• offline: Triggered when the browser goes offline.

This list is not exhaustive, but it covers the most commonly used JavaScript events.