首页 > 代码库 > fastclick消除移动端点击事件延迟
fastclick消除移动端点击事件延迟
在移动浏览器中，当你点击按钮的单击事件时，将会等待大约300ms的时间。这是因为，浏览器是等着看，如果你是真正执行双击。
示例demo：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>fastclick test</title>
</head>
<body>
<a href="javascript:;" id="test-btn">按钮</a>
<script type="text/javascript" src="http://www.mamicode.com/js/jquery2.1.min.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/js/fastclick.js"></script>
<script type="text/javascript">
$(document).ready(function(){
FastClick.attach(document.body); //使用jquery情况下
$(‘#test-btn‘).on(‘click‘, function(){
alert(‘ok‘)
});
});
</script>
</body>
</html>
更多使用方法请参照 fastClick官方github项目地址
https://github.com/ftlabs/fastclick
fastclick.js文件下载链接
https://raw.githubusercontent.com/ftlabs/fastclick/master/lib/fastclick.js
fastclick消除移动端点击事件延迟