fastclick消除移动端点击事件延迟
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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="js/jquery2.1.min.js"></script>
<script type="text/javascript" src="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消除移动端点击事件延迟的主要内容，如果未能解决你的问题，请参考以下文章