W3cubDocs

/Web APIs

GlobalEventHandlers.onpointerenter

The onpointerenter property of the GlobalEventHandlers mixin is an event handler that processes pointerenter events.

Syntax

targetElement.onpointerenter = enterHandler;

var enterHandler = targetElement.onpointerenter;

Value

enterHandler: The pointerenter event handler for element targetElement.

Example

This example shows two ways to use onpointerenter to set an element's pointerenter event handler.

<html>
<script>
function enterHandler(ev) {
  // Process the pointerenter event
}
function init() {
  let el = document.getElementById('target1');
  el.onpointerenter = enterHandler;
}
</script>

<body onload="init();">
  <div id="target1"> Touch me ... </div>
  <div id="target2" onpointerenter="enterHandler(event)"> Touch me ... </div>
</body>
</html>

Specifications

Specification
Pointer Events # dom-globaleventhandlers-onpointerenter

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`onpointerenter`	55	12 12-79	59	11 10	42	13	55	55	79	42	13	6.0