# JS/TS Events

JourneyApps provides some basic events that are triggered on interaction with certain UI components. The event attribute specifies a JavaScript/TypeScript function to be called when the event is triggered, e.g. `on-press="$:myJSFunction()"`

Below is a summary of the currently supported events per component. Follow an event's hyperlink to the component's syntax reference for more details.

<table><thead><tr><th>UI Component</th><th width="167">Event</th></tr></thead><tbody><tr><td><a href="all-ui-components/object-table/column/edit-typeahead/action"><code>action</code></a> (<code>edit-typeahead</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/list/list-item/action"><code>action</code></a> (<code>list-item</code>)</td><td><a href="../all-ui-components/list/list-item/action#on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/object-list/action"><code>action</code></a> (<code>object-list</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/object-table/action"><code>action</code></a> (<code>object-table</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/object-table/column/action"><code>action</code></a> (<code>object-table</code> <code>column</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/button"><code>button</code></a></td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/capture-coordinates"><code>capture-coordinates</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/capture-coordinates#on-location"><code>on-location</code></a></td></tr><tr><td><a href="all-ui-components/capture-file"><code>capture-file</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/capture-photo"><code>capture-photo</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/capture-photo#on-change-and-on-capture"><code>on-capture</code></a></td></tr><tr><td><a href="all-ui-components/capture-signature"><code>capture-signature</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/date-input"><code>date-input</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/datetime-input"><code>datetime-input</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/dialog"><code>dialog</code></a></td><td><a href="../all-ui-components/dialog#on-cancel"><code>on-cancel</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/dialog#on-submit"><code>on-submit</code></a></td></tr><tr><td><a href="all-ui-components/display-3d-model"><code>display-3d-model</code></a></td><td><a href="../all-ui-components/display-3d-model#on-pick-mesh"><code>on-pick-mesh</code></a></td></tr><tr><td><a href="all-ui-components/object-table/column/edit-typeahead"><code>edit-typeahead</code></a> (<code>object-table</code>)</td><td><a href="../all-ui-components/object-table/column/edit-typeahead#on-search"><code>on-search</code></a></td></tr><tr><td><a href="all-ui-components/object-table/empty-action"><code>empty-action</code></a> (<code>object-table</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/context-menu/item"><code>item</code></a> (<code>context-menu</code>)</td><td><a href="../all-ui-components/context-menu/item#on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/navigation-navigation-drawer/general-section/item"><code>item</code></a> (<code>navigation</code> <code>general-section</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/object-table/column/header-action"><code>header-action</code></a> (<code>object-table</code> <code>column</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/capture-coordinates/marker"><code>marker</code></a> / <a href="all-ui-components/capture-coordinates/marker-query"><code>marker-query</code></a> (<code>capture-coordinates</code>, <code>display-coordinates</code>)</td><td><a href="xml-fields/on-press"><code>on-press</code></a></td></tr><tr><td><a href="all-ui-components/multiple-choice-checklist"><code>multiple-choice-checklist</code></a></td><td><a href="../all-ui-components/multiple-choice-checklist#on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/object-dropdown"><code>object-dropdown</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/object-table"><code>object-table</code></a></td><td><a href="../all-ui-components/object-table#on-change"><code>on-change</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/object-table#on-paste"><code>on-paste</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/object-table#on-state-change"><code>on-state-change</code></a>/ <a href="../all-ui-components/object-table#on-state-changed"><code>on-state-changed</code></a></td></tr><tr><td><a href="all-ui-components/scan-barcode"><code>scan-barcode</code></a></td><td><a href="../all-ui-components/scan-barcode#on-change-and-on-scan"><code>on-change</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/scan-barcode#on-change-and-on-scan"><code>on-scan</code></a></td></tr><tr><td><a href="all-ui-components/single-choice-dropdown"><code>single-choice-dropdown</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/single-choice-radio"><code>single-choice-radio</code></a></td><td><a href="../all-ui-components/single-choice-radio#on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/text-input"><code>text-input</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/toggle"><code>toggle</code></a></td><td><a href="xml-fields/on-change"><code>on-change</code></a></td></tr><tr><td><a href="all-ui-components/view"><code>view</code></a></td><td><a href="../all-ui-components/view#on-back"><code>on-back</code></a></td></tr><tr><td></td><td><a href="../all-ui-components/view#on-navigate"><code>on-navigate</code></a></td></tr></tbody></table>
