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 compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support35 Yes

59

291

11

102

? No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support3535 Yes291 ? No ?

1. 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.

2. Supported as onmspointerenter.

See also

Document Tags and Contributors

Last updated by: fscholz,