When I was building a project, I found that ponent worked way I was intended when I double clicked it button that using onClick. But when I changed onClick to onTouchStart, it starts to work I intended.

But I am bit worried using this without not knowing the difference with onClick method.

Is there a specific case that I should use onTouchStart instead onClick in React.js?

When I was building a project, I found that ponent worked way I was intended when I double clicked it button that using onClick. But when I changed onClick to onTouchStart, it starts to work I intended.

But I am bit worried using this without not knowing the difference with onClick method.

Is there a specific case that I should use onTouchStart instead onClick in React.js?

• javascript
• reactjs

Share Improve this question Follow asked Dec 19, 2019 at 12:53 GoonGamjaGoonGamja 2,28688 gold badges2626 silver badges5353 bronze badges 1

• stackoverflow./questions/9633297/… – Chris Commented Dec 19, 2019 at 12:55

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

OnTouchStart is an event for devices with digitizer(touch devices). OnClick is an event for click (mouse) or tap (digitizer devices).

Open this Codepen on a mobile device and on desktop: http://codepen.io/blixt/pen/pgvGdK.

You will experience that the slide works in mobile but not in desktop.

You can achieve the same experience on desktop using mouse events: mouseup, mousedown and mousemove.

onTouchStart start is a touch event which fires when the user touches the element.

onClick is a mouse event which fires when user clicks on the element.

Touch event only work for touch screens, although there are ways to bind touch events with onClick events.