Justinmind

SUPPORT

Learn how to prototype web and mobile apps

Event triggers for your web and mobile prototypes

Justinmind offers a whole range of events triggers, starting from simple mouse actions (e.g. click, double click etc.) to multi-touch gestures (e.g. pinch open, rotate left etc.), which you can use both in web prototypes and in mobile prototypes.

Event triggers for web app or web site prototypes:

On Click: Occurs when the user clicks and releases the mouse left button on the element upon which we are defining the event.
On Mouse Up: Occurs when the user releases a mouse button on the element upon which we are defining the event.
On Mouse Down: Occurs when the user presses a mouse button on the element upon which we are defining the event.
On Double-click: Occurs when the user double clicks with the mouse left button on the element upon which we are defining the event.
On Right-click: Occurs when the user clicks and releases the mouse right button on the element upon which we are defining the event.
On Toggle: Occurs when the user clicks and releases the mouse left button on the element upon which we are defining the event. When the event is triggered the defined actions will be executed, if the user clicks again on the element the changes caused by the actions will be reverted.
On Mouse Over: Occurs when the mouse cursor is over the element upon which we are defining the event.
On Mouse Enter: Occurs when the mouse cursor enters the area of the element upon which we are defining the event.
On Mouse Leave: Occurs when the mouse cursor leaves the area of the element upon which we are defining the event.
On Drag Start: Occurs when the mouse cursor moves through a certain threshold (5 pixels) while holding the left mouse button. This event represents the very first step of a drag and drop action.
On Drag: Occurs during a drag process. It means that the event will be triggered for every pixel the cursor moves while the left mouse button is being held. This event is usually used to move elements around together with the mouse movement to simulate a real drag action. See the Move Action for more information.
On Drag Stop: Occurs when a drag action ends and the left mouse button is released. This event has an option so you can define the screen component where the drag action must end for the Drag Stop event to be triggered. If none is defined, the Drag Stop event will always be triggered.
On Key Up: Occurs when a key is released on the keyboard. The key must be specified when defining the event. If no key is specified the event will be triggered when pressing any key.
On Key Down: Occurs when a key is pressed on the keyboard. The key must be specified when defining the event. If no key is specified the event will be triggered when pressing any key.
On Swipe Up: Is triggered after a strict upwards swipe move gesture (one finger being moved around the device)
On Swipe Down: Is triggered after a strict downwards swipe move gesture (one finger being moved around the device)
On Swipe Left Up: Is triggered after a leftwards and upwards swipe move gesture (one finger being moved around the device)
On Swipe Left: Is triggered after a strict leftwards swipe move gesture (one finger being moved around the device)
On Swipe Left Down: Is triggered after a leftwards and downwards swipe move gesture (one finger being moved around the device)
On Swipe Right Up: Is triggered after a rightwards and upwards swipe move gesture (one finger being moved around the device)
On Swipe Right: Is triggered after a strict rightwards swipe move gesture (one finger being moved around the device)
On Swipe Right Down: Is triggered after a rightwards and downwards swipe move gesture (one finger being moved around the device)
On Pinch Open: Is triggered during a pinch open gesture (two fingers moving away from each other).
On Pinch Close: Is triggered during a pinch close gesture (two fingers moving towards each other).
On Rotate Left: Is triggered when a counterclockwise rotation gesture (two fingers rotating counterclockwise) occured and the touchpoints (fingers) are removed from the device.
On Rotate Right: Is triggered when a clockwise rotation gesture (two fingers rotating clockwise) occured and the touchpoints (fingers) are removed from the device.
On Tap Hold: Triggers after a touch event is held for close to two seconds.
On Orientation Portrait: The device is turned clockwise or counterclockwise into portrait mode. This event is triggered by the device and might use an internal gyroscope.
On Orientation Landscape: The device is turned clockwise or counterclockwise into landscape mode. This event is triggered by the device and might use an internal gyroscope.
On Change: Occurs when the value of the element -usually an input field- upon which we are defining the event changes. The event will only be triggered if the input’s value is changed through direct user interaction.
On Focus In: Occurs when an input field gains the focus.
On Focus Out: Occurs when an input field loses the focus.
On Page Load: Occurs when the page that has the element upon which we are defining the event loads (it first displays).
On Page Unload: Occurs when we leave the page that contains the element upon which we are defining the event (we navigate to any other page).
On Window Resize: Occurs anytime the display where the page is changes its resolution. This event is triggered also when the page is loaded and when the device changes its orientation.

Event triggers for mobile prototypes:

On Tap: Occurs when the user taps with one finger on the element upon which we are defining the event.
On Toggle: Occurs when the user clicks and releases the mouse left button on the element upon which we are defining the event. When the event is triggered the defined actions will be executed, if the user clicks again on the element the changes caused by the actions will be reverted.
On Drag Start: Occurs when the mouse cursor moves through a certain threshold (5 pixels) while holding the left mouse button. This event represents the very first step of a drag and drop action.
On Drag: Occurs during a drag process. It means that the event will be triggered for every pixel the cursor moves while the left mouse button is being held. This event is usually used to move elements around together with the mouse movement to simulate a real drag action. See the Move Action for more information.
On Drag Stop: Occurs when a drag action ends and the left mouse button is released. This event has an option so you can define the screen component where the drag action must end for the Drag Stop event to be triggered. If none is defined, the Drag Stop event will always be triggered.
On Tap Hold: Triggers after a touch event is held for close to two seconds.
On Key Up: Occurs when a key is released on the keyboard. The key must be specified when defining the event. If no key is specified the event will be triggered when pressing any key.
On Swipe Up: Is triggered after a strict upwards swipe move gesture (one finger being moved around the device)
On Swipe Down: Is triggered after a strict downwards swipe move gesture (one finger being moved around the device)
On Swipe Left Up: Is triggered after a leftwards and upwards swipe move gesture (one finger being moved around the device)
On Swipe Left: Is triggered after a strict leftwards swipe move gesture (one finger being moved around the device)
On Swipe Left Down: Is triggered after a leftwards and downwards swipe move gesture (one finger being moved around the device)
On Swipe Right Up: Is triggered after a rightwards and upwards swipe move gesture (one finger being moved around the device)
On Swipe Right: Is triggered after a strict rightwards swipe move gesture (one finger being moved around the device)
On Swipe Right Down: Is triggered after a rightwards and downwards swipe move gesture (one finger being moved around the device)
On Pinch Open: Is triggered during a pinch open gesture (two fingers moving away from each other).
On Pinch Close: Is triggered during a pinch close gesture (two fingers moving towards each other).
On Rotate Left: Is triggered when a counterclockwise rotation gesture (two fingers rotating counterclockwise) occured and the touchpoints (fingers) are removed from the device.
On Rotate Right: Is triggered when a clockwise rotation gesture (two fingers rotating clockwise) occured and the touchpoints (fingers) are removed from the device.
On Orientation Portrait: The device is turned clockwise or counterclockwise into portrait mode. This event is triggered by the device and might use an internal gyroscope.
On Orientation Landscape: The device is turned clockwise or counterclockwise into landscape mode. This event is triggered by the device and might use an internal gyroscope.
On Change: Occurs when the value of the element -usually an input field- upon which we are defining the event changes. The event will only be triggered if the input’s value is changed through direct user interaction.
On Focus In: Occurs when an input field gains the focus.
On Focus Out: Occurs when an input field loses the focus.
On Page Load: Occurs when the page that has the element upon which we are defining the event loads (it first displays).
On Page Unload: Occurs when we leave the page that contains the element upon which we are defining the event (we navigate to any other page).
On Window Resize: Occurs when the page changes its resolution. This event is triggered also when the page is loaded and when the device changes its orientation.
On Scroll: Occurs when the page is scrolled up, down, left or right.