这个fastclick是不是主要是消除是什么click 300ms延迟?
我实验过了几个例子,发现这个fastclick只能让页面上的元素在被点击的时候, 才会有消除300ms的延迟,而如果是点击网页的空白处,依然会出现300ms的延迟, 想知道这是什么原因?这个300ms的延迟到底消除的是什么?
123456789101112131415161718192021222324252627282930313233343536373839<!DOCTYPE html>
<html lang=
"en"
>
<head>
<meta charset=
"UTF-8"
>
<!-- <meta name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
> -->
<title>Document</title>
<style>
.rect{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div id=
"rect"
class=
"rect"
></div>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"
></script>
<script>
if
(
'addEventListener'
in
document) {
document.addEventListener(
'DOMContentLoaded'
,
function
() {
FastClick.attach(document.body);
var
startTime =
''
;
document.addEventListener(
'touchstart'
, start);
document.addEventListener(
'click'
, end);
rect.addEventListener(
'click'
, end);
function
start(){
startTime =
new
Date;
console.log(
"touchstart"
);
}
function
end(){
console.log(
"click"
);
console.log(
new
Date - startTime);
}
},
false
);
}
</script>
</body>
</html>
36
收起
正在回答
3回答
同学你好,问题解答如下:
1、FastClick.attach();函数参数可以是页面中指定部分元素
2、非常感谢同学的建议,已经反馈给相关部分,会结合大家的建议进行综合考量,对大家有帮助的建议肯定会采纳的!
祝学习愉快!
慕移动3569406
2020-04-07 18:48:28
标题写错了, 是“这个fastclick主要是消除什么的click 300ms 延迟” ?
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧