This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.
The ontouchstart
property of the GlobalEventHandlers
mixin is an EventHandler
that processes touchstart
events.
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 startHandler = someElement.ontouchstart;
Return value
startHandler
- The
touchstart
event handler for elementsomeElement
.
Example
This example shows two ways to use ontouchstart
to set an element's touchstart
event handler.
<html>
<script>
function startTouch(ev) {
// Process the event
}
function init() {
let el = document.getElementById('target1');
el.ontouchstart = startTouch;
}
</script>
<body onload="init();">
<div id="target1"> Touch me ... </div>
<div id="target2" ontouchstart="startTouch(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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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
touchstart
GlobalEventHandlers.ontouchstart by Mozilla Contributors is licensed under CC-BY-SA 2.5.