> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: About Event Handlers in Wix

## Article: Reacting to User Actions Using Events

## Article Link: https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/frontend-code/about-event-handlers-in-wix.md

## Article Content:

# About Event Handlers in Wix 

Event handlers in Wix work differently than in traditional web development. Normally, you would use `addEventListener()` to add event handlers, selecting DOM elements with methods like `getElementById()` or `querySelector()`.

For example, you might write:

```js
document.getElementById("myButton").addEventListener("click", function() {
  console.log("Button clicked!");
});
```

In Wix, however, you don’t access the DOM directly. Instead, you use the [$w API](https://dev.wix.com/docs/velo/api-reference/$w/introduction.md) to interact with elements in the Wix editor and add event handlers, like this:

```js
$w('#myButton').onClick(() => {
  console.log('Button clicked!');
});
```

## Supported IDEs
You can use event handlers in the following IDEs:

  + The [editor](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/workspaces/wix-studio-working-with-the-code-panel.md) (Wix Studio and Wix Editor).
  + The [Wix IDE](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/wix-ide/wix-studio-about-the-wix-ide.md) (Wix Studio).
  + Your [local IDE](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/git-integration-wix-cli/about-git-integration-wix-cli/about-git-integration-wix-cli.md) (Wix Studio and Wix Editor).

<blockquote class="important">
  <strong>Important:</strong>
  
Wix event handlers are now dynamic. While [static event handlers](https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/frontend-code/about-static-event-handlers.md) are still supported for existing sites, we recommend using dynamic event handlers for new development and when updating existing code. 
</blockquote>

## See also
+ [Add an Event Handler](https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/frontend-code/add-an-event-handler.md).
+ [Where Do I Put My Code?](https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/overview/where-do-i-put-my-code.md)