Element: pointerover event

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since July 2020.

Learn more
See full compatibility

The pointerover event is fired when a pointing device is moved into an element's hit test boundaries.

pointerover events have the same problems as mouseover. If the target element has child elements, pointerout and pointerover events fire as the pointer moves over the boundaries of these elements too, not just the target element itself. Usually, pointerenter and pointerleave events' behavior is more sensible, because they are not affected by moving into child elements.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

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

onpointerover = (event) => { }

Event type

A PointerEvent. Inherits from Event.

Event UIEvent MouseEvent PointerEvent

Examples

Using addEventListener():

const para = document.querySelector("p");

para.addEventListener("pointerover", (event) => {
  console.log("Pointer moved in");
});

Using the onpointerover event handler property:

const para = document.querySelector("p");

para.onpointerover = (event) => {
  console.log("Pointer moved in");
};

Specifications

Specification
Pointer Events # the-pointerover-event
Pointer Events # dom-globaleventhandlers-onpointerover

Browser compatibility

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on Jul 28, 2026 by MDN contributors.

View this page on GitHub Report a problem with this content