Web/API/GlobalEventHandlers/ontouchend

From Get docs

This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.


The ontouchstart is a global event handler for the touchend event.

Note: This property has not been formally standardized. It is specified in the Touch Events – Level 2 Draft specification and not in Touch Events Recommendation. This property is not widely implemented.


Syntax

var endHandler = targetElement.ontouchend;

Return value

endHandler
The touchend event handler for element targetElement.

Example

This example shows two ways to use ontouchend to set an element's touchend event handler.

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

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

Specifications

Specification Status Comment
Touch Events – Level 2 Draft Non-stable version.

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

ontouchend

Experimental'

Chrome

Full support 18

Edge

Full support ≤79

Firefox

No support ? — 67

IE

?

Opera

?

Safari

?

WebView Android

Full support Yes

Chrome Android

Full support Yes

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support Yes

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.'
Experimental. Expect behavior to change in the future.


See also

  • touchend