Element: DOMActivate event

{{APIRef}}

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 {{domxref("EventTarget/addEventListener", "addEventListener()")}}:

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

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

Event type

A {{domxref("UIEvent")}}UIEvent. Inherits from {{domxref("Event")}}Event.

{{InheritanceDiagram("UIEvent")}}

Examples

This example listens for DOMActivate on a {{HtmlElement("button")}}button element and displays its {{domxref("UIEvent/detail", "detail")}}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 {{domxref("Element/click_event", "click")}}click event's detail (i.e., indicating the number of consecutive clicks).

{{EmbedLiveSample("Examples")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("UIEvent")}}UIEvent
• {{domxref("Element/click_event", "click")}}click