Axure Course · Axure Promotion · Axure Template · Axure Tutorial · Elementary · Events · Aug 01, 2022

Axure Tutorial: Event List - Axure Interactive Template

by WELLJOE

Introduction

This article is a part of course Axure Full Course: Tutorial, Tips and Templates.

The main purpose of this article is to serve as a reference document. Check it out when you forget.

This article comes with an interactive template for easy understanding. It can be downloaded at the end of the article.

Interactive Template Preview

Page Event List

Mouse:
Page Click or Tap: Triggered by clicking on the page, it can be used to close the context menu, hide the mask, etc.
Page Double Click or Double Tap: Double click the page to trigger. Double click is often used in apps.
Page Context Menu (Right Click): It can be triggered by right clicking on the page. It is often used in applications and rarely used on website.
Page Mouse Move: It can be triggered when the mouse moves on the page, which is often used to make the effect of menus or panels following the mouse.

Keyboard:
Page Key Down: Triggered when a key is down on the page. It is generally used in combination with case to perform some actions when a key is pressed.For example, press enter to enter the next page.
Page Key Up: Triggered when a key is up on the page. It is generally used in combination with case to perform some actions when a key is pressed.

Page:

Window Resized: Triggered when the page size changes. It is a very common event trigger. Often used to make responsive views.

Page Loaded: Triggered when a page is loaded, it is often used to perform automated operations.

Adaptive View Changed: Used in conjunction with responsive views, it is often used to change certain elements in response to changes in the view.

Window Scrolled Up: Triggered when the window scrolls up. It is often used to show or hide certain elements.
Window Scrolled Down: Triggered when the window scrolls down. It is often used to show or hide certain elements.

Window Scrolled: Triggered when the window scrolls down. It is often used to show or hide certain elements or change the value of certain elements.

Widget Event List

All Widgets

Mouse:
Click or Tap: When the widget is clicked or tapped.
Double Click or Double Tap: When the widget is double-clicked or double-tapped.
Context Menu (Right Click): When the context menu is triggered on the widget, either by right-clicking or another method.
Mouse Button Down: When the widget is clicked, while the mouse button is pressed down.
Mouse Button Up: When the widget is clicked, upon the mouse button being released.
Mouse Move: Fires continuously as the mouse cursor is moved over the widget.
Mouse Enter: When the mouse cursor enters the area over the widget.
Mouse Exit: When the mouse cursor exits the area over the widget.
Mouse Hover: When the mouse cursor hovers over the widget for one second.

Keyboard:
Key Down: When a keyboard key is pressed while the widget has browser focus.
Key Up: When a keyboard key is released (after being pressed down) while the widget has browser focus.

Widget:
Moved: When the widget is moved by a Move action.
Rotated: When the widget is rotated by a Rotate action
Resized: When the widget's size is changed by a Set Size action.
Shown: When the widget is shown by a Show or Toggle Visibility action.
Hidden: When the widget is hidden by a Hide or Toggle Visibility action.
Got Focus: When the widget gets browser focus by being clicked or tabbed to, or via a Focus action.
Lost Focus: When the widget loses browser focus by being clicked or tabbed away from, or via a Focus action.
Selected: When the widget is set to its selected state with a Set Selected action or when a checkbox or radio button is clicked.
Unselected: When the widget is set to its unselected state with a Set Selected action or when a checkbox or radio button is clicked.
Loaded: When the widget initially loads in the web browser (fires after Page Loaded).

Droplists and List Boxes Only

Selection Changed: When the selected option in the droplist or list box changes.

Text Fields and Text Areas Only

Text Changed: When the text on the text field or text area changes, either by a user typing in it or via the Set Text action

Dynamic Panel Only

Gesture:
Swiped Left: When the dynamic panel is swiped from right to left.
Swiped Right: When the dynamic panel is swiped from left to right.
Swiped Up: When the dynamic panel is swiped from bottom to top.
Swiped Down: When the dynamic panel is swiped from bottom to top.

Dynamic Panel:
Panel State Changed: When the dynamic panel's state is changed with the Set Panel State action.
Drag Started: When you begin to drag the dynamic panel.
Drag Dropped: When you stop dragging the dynamic panel (fires when the mouse button is released, not when it stops moving).
Dragged: Fires continuously while the dynamic panel is being dragged.
Scrolled Up: When the dynamic panel is scrolled up.
Scrolled Down: When the dynamic panel is scrolled down.
Scrolled: When the dynamic panel is scrolled in any direction.

Dynamic Panel:
Item Loaded: When the repeater's items first load in the web browser and when the repeater's dataset changes in any way.
Item Resized: When a repeater item's size changes as a result of any interaction (such as a widget in the item being shown, hidden, or resized).

If you like the article, please share it with others with page link, thanks for your supporting! ❤

Note: Click here to download the completed RP file for this tutorial (RP 10 or up).

Reference: List of Events