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

by 
element.on('touchstart mousedown', function(e) {
    e.preventDefault();
    someAction();
});

preventDefault cancels the event, as per specs

You get touchstart, but once you cancel it you no longer get mousedown. Contrary to what the accepted answer says, you don’t need to call stopPropagation unless it’s something you need. The event will propagate normally even when cancelled. The browser will ignore it, but your hooks will still work.

Mozilla agrees with me on this one:

calling preventDefault() on a touchstart or the first touchmove event of a series prevents the corresponding mouse events from firing

EDIT: I just read the question again and you say that you already did this and it didn’t fix the Android default browser. Not sure how the accepted answer helped, as it does the same thing basically, just in a more complicated way and with an event propagation bug (touchstart doesn’t propagate, but click does)

More Related Contents:

  1. Detecting touch screen devices with Javascript
  2. Capture keys typed on android virtual keyboard using javascript
  3. JavaScript keypress event not raised on Android browser
  4. Detect Android phone via Javascript / jQuery
  5. Disable zoom on input focus in Android webpage
  6. Force hide address bar in Chrome on Android
  7. How to focus an input field on Android browser through javascript or jquery
  8. How to hide css and js version details from weppalyzer in PHP
  9. How do I prevent a parent’s onclick event from firing when a child anchor is clicked?
  10. How to scroll an HTML page to a given anchor
  11. How to reset a form using jQuery with .reset() method
  12. How to reload current page without losing any form data?
  13. Difference between jQuery `click`, `bind`, `live`, `delegate`, `trigger` and `on` functions (with an example)?
  14. Uncaught TypeError: Cannot read property ‘msie’ of undefined – jQuery tools
  15. How to pass parameters in GET requests with jQuery
  16. Using JQuery hover with HTML image map
  17. How do I synchronize the scroll position of two divs?
  18. jquery: what does “$(this)” exactly mean?
  19. Can I use javascript to dynamically change a video’s source?
  20. Using Jquery Datatable with AngularJs
  21. jQuery – Can threads/asynchronous be done?
  22. Use JSONP to load an html page
  23. Bootstrap 4 multiselect dropdown
  24. How to enable Bootstrap tooltip on disabled button?
  25. Select div using wildcard ID
  26. How to loop through array in jQuery?
  27. querySelector vs. getElementById [closed]
  28. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  29. Make Bootstrap Popover Appear/Disappear on Hover instead of Click
  30. Live Detect Browser Size – jQuery / JavaScript

Leave a Comment