W3cubDocs

/DOM

GlobalEventHandlers.onpointerenter

A global event handler for the pointerenter event.

Syntax

var enterHandler = targetElement.onpointerenter;

Return 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() {
 var 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.	Working Draft	Non-stable version
Pointer Events The definition of 'onpointerenter' in that specification.	Recommendation	Initial definition

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	35	Yes	59 59 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.	11 11 10 Uses the non-standard name: `onmspointerenter`	?	No

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	37	35	Yes	29 Disabled 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.	?	No	?

GlobalEventHandlers.onpointerenter

Syntax

Return value

Example

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also