Click Delay
Mobile browsers historically delayed click events by 300ms to check for double-taps. Modern browsers eliminate this with the correct viewport meta tag. Add FastClick as fallback for older browsers.
jQuery
Intermediate
3 min read
Eliminating 300ms Click Delay
Example
<!-- Modern fix: correct viewport meta removes 300ms delay -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS touch-action also removes delay -->
<style>body { touch-action: manipulation; }</style>
<!-- Legacy fix with FastClick (now rarely needed) -->
<script src="fastclick.js"></script>
<script>$(function() { FastClick.attach(document.body); });</script>
<!-- Check if delay exists -->
let t = Date.now(); document.addEventListener("click", () => { console.log(Date.now()-t); }, {once:true}); Pro Tip
touch-action: manipulation is the modern, zero-JS fix for click delay on mobile.