A global event handler for the touchend event.
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Note: This attribute has not been formally standardized. It is specified in the Touch Events – Level 2 Draft specification and not in Touch Events Recommendation. This attribute 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() {
var 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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ontouchend | 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.
