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

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
29
11
10
42
13
55
55
79
29
42
13
6.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onpointerenter