---
title: "JS/TS Events"
description: "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()\""
permalink: /docs/build/ui-components/js-ts-events/
---
# 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.

| UI Component | Event |
| --- | --- |
| [action](/docs/build/ui-components/all-ui-components/object-table/column/edit-typeahead/action/) (`edit-typeahead`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [action](/docs/build/ui-components/all-ui-components/list/list-item/action/) (`list-item`) | [on press](/docs/build/ui-components/all-ui-components/list/list-item/action/#on-press) |
| [action](/docs/build/ui-components/all-ui-components/object-list/action/) (`object-list`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [action](/docs/build/ui-components/all-ui-components/object-table/action/) (`object-table`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [action](/docs/build/ui-components/all-ui-components/object-table/column/action/) (`object-table` `column`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [button](/docs/build/ui-components/all-ui-components/button/) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [capture coordinates](/docs/build/ui-components/all-ui-components/capture-coordinates/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| | [on location](/docs/build/ui-components/all-ui-components/capture-coordinates/#on-location) |
| [capture file](/docs/build/ui-components/all-ui-components/capture-file/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [capture photo](/docs/build/ui-components/all-ui-components/capture-photo/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| | [on capture](/docs/build/ui-components/all-ui-components/capture-photo/#on-change-and-on-capture) |
| [capture signature](/docs/build/ui-components/all-ui-components/capture-signature/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [date input](/docs/build/ui-components/all-ui-components/date-input/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [datetime input](/docs/build/ui-components/all-ui-components/datetime-input/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [dialog](/docs/build/ui-components/all-ui-components/dialog/) | [on cancel](/docs/build/ui-components/all-ui-components/dialog/#on-cancel) |
| | [on submit](/docs/build/ui-components/all-ui-components/dialog/#on-submit) |
| [display 3d model](/docs/build/ui-components/all-ui-components/display-3d-model/) | [on pick mesh](/docs/build/ui-components/all-ui-components/display-3d-model/#on-pick-mesh) |
| [edit typeahead](/docs/build/ui-components/all-ui-components/object-table/column/edit-typeahead/) (`object-table`) | [on search](/docs/build/ui-components/all-ui-components/object-table/column/edit-typeahead/#on-search) |
| [empty action](/docs/build/ui-components/all-ui-components/object-table/empty-action/) (`object-table`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [item](/docs/build/ui-components/all-ui-components/context-menu/item/) (`context-menu`) | [on press](/docs/build/ui-components/all-ui-components/context-menu/item/#on-press) |
| [item](/docs/build/ui-components/all-ui-components/navigation-navigation-drawer/general-section/item/) (`navigation` `general-section`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [header action](/docs/build/ui-components/all-ui-components/object-table/column/header-action/) (`object-table` `column`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [marker](/docs/build/ui-components/all-ui-components/capture-coordinates/marker/) / [marker query](/docs/build/ui-components/all-ui-components/capture-coordinates/marker-query/) (`capture-coordinates`, `display-coordinates`) | [on press](/docs/build/ui-components/common-attributes/on-press/) |
| [multiple choice checklist](/docs/build/ui-components/all-ui-components/multiple-choice-checklist/) | [on change](/docs/build/ui-components/all-ui-components/multiple-choice-checklist/#on-change) |
| [object dropdown](/docs/build/ui-components/all-ui-components/object-dropdown/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [object table](/docs/build/ui-components/all-ui-components/object-table/) | [on change](/docs/build/ui-components/all-ui-components/object-table/#on-change) |
| | [on paste](/docs/build/ui-components/all-ui-components/object-table/#on-paste) |
| | [on state change](/docs/build/ui-components/all-ui-components/object-table/#on-state-change)/ [on state changed](/docs/build/ui-components/all-ui-components/object-table/#on-state-changed) |
| [scan barcode](/docs/build/ui-components/all-ui-components/scan-barcode/) | [on change](/docs/build/ui-components/all-ui-components/scan-barcode/#on-change-and-on-scan) |
| | [on scan](/docs/build/ui-components/all-ui-components/scan-barcode/#on-change-and-on-scan) |
| [single choice dropdown](/docs/build/ui-components/all-ui-components/single-choice-dropdown/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [single choice radio](/docs/build/ui-components/all-ui-components/single-choice-radio/) | [on change](/docs/build/ui-components/all-ui-components/single-choice-radio/#on-change) |
| [text input](/docs/build/ui-components/all-ui-components/text-input/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [toggle](/docs/build/ui-components/all-ui-components/toggle/) | [on change](/docs/build/ui-components/common-attributes/on-change/) |
| [view](/docs/build/ui-components/all-ui-components/view/) | [on back](/docs/build/ui-components/all-ui-components/view/#on-back) |
| | [on navigate](/docs/build/ui-components/all-ui-components/view/#on-navigate) |