Support fat finger tapping/click on mobile web

With the correct headers, "click" events will be fired without the 300ms delay.

Though the responsiveness of a mobile web app can suffer when a user taps a button and moves it ever so slightly before releasing. In these situations the "touchmove" events will prevent the "click" from firing.

My use case is in retail environments where the tablet will be in a fixed stand. Fast tapping in these environments are not as accurate.

If you "fat finger" the button on the full screen version on Chrome for Android, the text will not appear.

var btn = document.getElementById("btn");
var msg = document.getElementById("msg");

btn.addEventListener("click", function () {
    msg.classList.remove('hide');
    setTimeout(function () {
        msg.classList.add('hide');
}, 750);

Plnkr: http://ift.tt/1LAbjd4 Full screen: http://ift.tt/1WW7Kic

Is there a standard way of handling this?