# Flow Events

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.