# Action/Event Info

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Action - Event

Block Type: [Output](https://docs.zingy.ai/app-editor/block-anatomy#output-block)

Output Type: [*object*](https://docs.zingy.ai/app-editor/page-flow/references/value-types)
{% endhint %}

**`Action/Event Info`** is an [output block](https://docs.zingy.ai/app-editor/block-anatomy#output-block) that provides information about a user-interaction event when used inside the *Tasks* flow parameter of the [Mouse/Keyboard Action](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/mouse-keyboard-action) , [Event Action](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/event-action) and similar blocks. The output is of type [*object*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) and is compatible with [Value Parameters](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) of type [*object*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) or of type [*any*](https://docs.zingy.ai/app-editor/page-flow/references/value-types).

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2Fr7Vkkv7SvKhCYxuOMVYA%2Fimage.png?alt=media&#x26;token=4805f1a5-e9a8-42b2-a46c-6bf2f81a6287" alt="" width="216"><figcaption><p>Action/Event Info block</p></figcaption></figure></div>

{% hint style="warning" %}
The Action/Event Info block only works when used inside the *Tasks* [flow parameter](https://docs.zingy.ai/app-editor/block-anatomy#flow-parameters) of the [Mouse/Keyboard Action](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/mouse-keyboard-action), [Event Action](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/event-action) and similar blocks.
{% endhint %}

***

## Properties

The user-interaction event information is in the form of an *object* with the following properties:

<table><thead><tr><th width="180">Property Name</th><th>Description</th></tr></thead><tbody><tr><td>xpos</td><td>x-coordinate of the mouse pointer position.</td></tr><tr><td>ypos</td><td>y-coordinate of the mouse pointer position.</td></tr><tr><td>element</td><td>Reference to the element on which the interaction event occurred.</td></tr><tr><td>name</td><td>This relates to dynamic content and information provided <a href="../event-action-in-data-design#event-information">here</a>.</td></tr><tr><td>id</td><td>This relates to dynamic content and information provided <a href="../event-action-in-data-design#event-information">here</a>.</td></tr><tr><td>id2</td><td>This relates to dynamic content and information provided <a href="../event-action-in-data-design#event-information">here</a>.</td></tr><tr><td>design</td><td>This relates to dynamic content and information provided <a href="../event-action-in-data-design#event-information">here</a>.</td></tr><tr><td>domEventInfo</td><td>Reference to the DOM's event information object for more advanced usage. See <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event">here</a> for more information.</td></tr></tbody></table>

***

## Usage Example

The image below shows an example of the Action/Event Info block used inside the *Tasks* [flow parameter](https://docs.zingy.ai/app-editor/block-anatomy#flow-parameters) of the [Event Action](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/event-action) block.

The [Show Information Popup](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/show-information-popup) block is used to display the x and y coordinates of the mouse pointer when the click event occurred.

<figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FfTqBr2InyPyuBjFPQbMv%2Fimage.png?alt=media&#x26;token=2e9eb089-ef08-4879-a091-5d62b31effee" alt=""><figcaption><p>Example of Action/Event Info block</p></figcaption></figure>