Testing on a Windows 7 desktop with touch capabilities, I performed a simple test that looked something like this:
temp_div.addEventListener('touchstart', function(e){ /*confirm */ }, false)
temp_div.addEventListener('pointerdown', function(e){ /*confirm */ }, false)
temp_div.addEventListener('mousedown', function(e){ /*confirm */ }, false)
Interestingly, in Chrome, the 'touchstart' event was confirmed, while in IE, it was the 'pointerdown' event, and in Firefox, it was the 'mousedown' event.
After some investigation, I found that I needed to go into 'about:config' in Firefox and change the 'dom.w3c_touch_events.enabled' value from 0 to 1 in order for the 'touchstart' event to work properly in Firefox.
These results raised some questions for me:
Shouldn't touch events already be enabled on a touch-capable machine? IE and Chrome seemed to be configured correctly while Firefox was not (mind you, this was a fresh download of Firefox 31).
Is there a way to remotely enable touch events in a situation like this so that Firefox behaves more similarly to the other browsers?
Thank you!