Event reference

Every event fireEvent has a method for, and the template binding each one runs.

fireEvent.tap(element); // runs (bindtap)
fireEvent.tap(element, { eventType: 'catchEvent' }); // runs (catchtap)
fireEvent.input(element, { detail: { value: 'hello' } }); // $event.detail.value

Each method takes the element and an optional init object. To reach a (catch*) handler instead of a (bind*) one, pass { eventType: 'catchEvent' }.

Touch

Method	Binding
`fireEvent.tap`	`(bindtap)`
`fireEvent.longpress`	`(bindlongpress)`
`fireEvent.longtap`	`(bindlongtap)`
`fireEvent.touchstart`	`(bindtouchstart)`
`fireEvent.touchmove`	`(bindtouchmove)`
`fireEvent.touchend`	`(bindtouchend)`
`fireEvent.touchcancel`	`(bindtouchcancel)`

Mouse and keyboard

Method	Binding
`fireEvent.mousedown`	`(bindmousedown)`
`fireEvent.mouseup`	`(bindmouseup)`
`fireEvent.mousemove`	`(bindmousemove)`
`fireEvent.mouseclick`	`(bindmouseclick)`
`fireEvent.mousedblclick`	`(bindmousedblclick)`
`fireEvent.mouselongpress`	`(bindmouselongpress)`
`fireEvent.wheel`	`(bindwheel)`
`fireEvent.keydown`	`(bindkeydown)`
`fireEvent.keyup`	`(bindkeyup)`

Scrolling

Method	Binding
`fireEvent.scroll`	`(bindscroll)`
`fireEvent.scrollend`	`(bindscrollend)`
`fireEvent.scrolltoupper`	`(bindscrolltoupper)`
`fireEvent.scrolltolower`	`(bindscrolltolower)`
`fireEvent.scrolltoupperedge`	`(bindscrolltoupperedge)`
`fireEvent.scrolltoloweredge`	`(bindscrolltoloweredge)`
`fireEvent.scrolltonormalstate`	`(bindscrolltonormalstate)`
`fireEvent.contentsizechanged`	`(bindcontentsizechanged)`

Forms and focus

Method	Binding
`fireEvent.input`	`(bindinput)`
`fireEvent.confirm`	`(bindconfirm)`
`fireEvent.focus`	`(bindfocus)`
`fireEvent.blur`	`(bindblur)`

Layout and images

Method	Binding
`fireEvent.layoutchange`	`(bindlayoutchange)`
`fireEvent.bgload`	`(bindbgload)`
`fireEvent.bgerror`	`(bindbgerror)`

Animations and transitions

Method	Binding
`fireEvent.transitionstart`	`(bindtransitionstart)`
`fireEvent.transitionend`	`(bindtransitionend)`
`fireEvent.transitioncancel`	`(bindtransitioncancel)`
`fireEvent.animationend`	`(bindanimationend)`

Other events

For an event without a method, create it yourself. Its type is the binding's event type and the event name, joined by a colon:

fireEvent(element, new Event('bindEvent:change')); // runs (bindchange)

#Event reference

#Touch

#Mouse and keyboard

#Scrolling

#Forms and focus

#Layout and images

#Animations and transitions

#Other events

#Related