How to bind both Mousedown and Touchstart, but not respond to both? Android, JQuery

Question

Working on a website that is also viewable on mobile and need to bind an action on both touchstart and mousedown.

Looks like this

 $(\"#roll\").bind         


        

Answer 1

This native solution worked best for me:

1. Add a touchstart event to the document settings a global touch = true.
2. In the mousedown/touchstart handler, prevent all mousedown events when a touch screen is detected: if (touch && e.type === 'mousedown') return;