GlobalEventHandlers.onpointerenter

The onpointerenter property of the GlobalEventHandlers mixin is an EventHandler 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	Status	Comment
Pointer Events – Level 2 The definition of 'onpointerenter' in that specification.	Recommendation	Non-stable version
Pointer Events The definition of 'onpointerenter' in that specification.	Obsolete	Initial definition

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`onpointerenter`	Chrome Full support 55	Edge Full support 12 Full support 12 No support 12 — 79 Alternate Name Alternate Name Uses the non-standard name: `onmspointerenter`	Firefox Full support 59 Full support 59 Full support 29 Disabled Disabled From version 29: this feature is behind the `dom.w3c_pointer_events.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE Full support 11 Full support 11 Full support 10 Alternate Name Alternate Name Uses the non-standard name: `onmspointerenter`	Opera ?	Safari No support No	WebView Android Full support 55	Chrome Android Full support 55	Firefox Android Full support 29 Disabled Full support 29 Disabled Disabled From version 29: this feature is behind the `dom.w3c_pointer_events.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android ?	Safari iOS No support No	Samsung Internet Android Full support 6.0

Legend

Full support: Full support
No support: No support
Compatibility unknown: Compatibility unknown
User must explicitly enable this feature.: User must explicitly enable this feature.
Uses a non-standard name.: Uses a non-standard name.