Element: DOMActivate event

---

• Syntax
• Event type
• Examples
• HTML
• JavaScript
• Result
• Specifications
• Browser compatibility
• See also

---

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():

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

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

Event type

A UIEvent. Inherits from Event.

Examples

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

HTML

<button>Click</button>

JavaScript

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

Browser compatibility

See also

• UIEvent
• click