Element: DOMActivate event

{{APIRef}}{{Deprecated_Header}}

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 methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}.

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

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

Event type

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

{{InheritanceDiagram("UIEvent")}}

Examples

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

{{EmbedLiveSample("Examples")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

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