W3cubDocs

GlobalEventHandlers.ontouchstart

A global event handler for the touchstart 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 startHandler = someElement.ontouchstart;

Return value

startHandler: The touchstart event handler for element someElement.

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() {
 var 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 compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	18	?	?	?	?	?

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	Yes	Yes	?	?	?	?	?

GlobalEventHandlers.ontouchstart

Syntax

Return value

Example

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also