touchstart Event

Example

Call a function when the user touches a P element (for touch screens only):

<p ontouchstart="myFunction(event)">Touch me!</p>
Try it Yourself »

Description

The touchstart event occurs when a user touches an element.

The touchstart event only works on touch screens.

Touch Events

EventOccurs When
touchstartThe user touches an element
touchmoveThe user moves the finger across the screen
touchendThe user removes the finger from an element
touchcancelThe touch is interrupted

Events that are triggered from the user interface belongs to the UiEvent Object.

UiEvent Properties

Property Description
detail A number with details about the event
view A reference to the Window object where the event occurred

See Also:

The IU Event Object
The Touch Event Object



Syntax

In HTML:

<element ontouchstart="myScript">
Try it Yourself »

In JavaScript:

object.ontouchstart = myScript;
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("touchstart", myScript);
Try it Yourself »

Technical Details

Bubbles: Yes
Cancelable: Yes
Event type: TouchEvent
HTML tags: All HTML elements

Browser Support

ontouchstart is a DOM Level 4 (2015) feature.

It is supported in all modern browsers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

ontouchstart is not supported in Internet Explorer 11 (or earlier).



Copyright 1999-2023 by Refsnes Data. All Rights Reserved.