Take a look at this fiddle: demo
I have attached two events to the div element first one is mousedown
and second one is touchstart
.
While clicking the element from the touch device both mousedown
and touchstart
is getting triggered, my expectation is only to trigger the respective events i.e only `touchstart needs to be triggered from the mobile device.
Please have a look at this fiddle
Normally the event order is :
1) touchstart
2) touchmove
3) touchend
4) mousemove
5) mousedown
6) mouseup
7) click
When any of touch event gets cancelled, then mouse event won't be called. Even if touch move occurs, then mouse event won't occur. Hope this helps :)