Element: DOMActivate event - Web APIs | MDN

Element: DOMActivate event

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.>

>

The DOMActivate event is fired at an element when it becomes active, such as when it is clicked on using the mouse or a keypress is used to navigate to it.

Syntax

Use the event name in addEventListener():

js
addEventListener("DOMActivate", (event) => { })

Note: There is no onDOMActivate event handler property for this event.

Event type

A UIEvent. Inherits from Event.

Event UIEvent

Examples

This example listens for DOMActivate on a <button> element and displays its detail.

HTML

html
<button>Click</button>

JavaScript

js
const button = document.querySelector("button");

button.addEventListener("DOMActivate", (event) => {
  button.textContent = `Click count: ${event.detail}`;
});

Result

Note that detail of the DOMActivate event may have browser-specific behavior. It may either always be 0, or have similar behavior as the click event's detail (i.e., indicating the number of consecutive clicks).

Specifications

Specification
UI Events>
# event-type-DOMActivate>

Browser compatibility

See also