H5开发:fastclick取代tap

来源:互联网 发布:java log4j打印ibatis 编辑:程序博客网 时间:2024/05/22 06:58
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>fastclick说明书</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
</head>
<body>
<button id="box">click me!</button>
<script type="text/javascript">
/*注释:两个入口可选其一,引用的js包必须放到标签上边*/
//入口1:原生入口
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function(){
FastClick.attach(document.body);
}, false);
}
//入口2jquery入口(如果使用jquery的话,使用以下入口即可)
/*$(function() {
FastClick.attach(document.body);
});*/

//点击效果
document.querySelector("#box").addEventListener("click",function(){
alert("click me!");
},false)
</script>
</body>
</html>