FastClick 移动点击事件DEMO

最新推荐文章于 2022-04-15 20:46:57 发布

CrazyMax_zh

最新推荐文章于 2022-04-15 20:46:57 发布

阅读量193

点赞数

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/CrazyMax_zh/article/details/104893117

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

//FastClick
function FastClickInit() {
    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function () {
            FastClick.attach(document.body);
        }, false);
    }
}
<button class="a" style="font-size: 132px">click</button>
<p class="p" style="font-size: 52px"></p>
<script>
var startTime;
var parent = document.querySelector('.p');
document.querySelector('.a').addEventListener('touchstart', function () {
  startTime = Date.now();
  parent.innerHTML = null;
})
document.querySelector('.a').addEventListener('touchend', function () {
  var p  = document.createElement('p');
  p.innerText = 'touch end :'+(Date.now() - startTime)+'ms';
  parent.appendChild(p)
})

document.querySelector('.a').addEventListener('click', function () {
  var p  = document.createElement('p');
  p.innerText = 'click :'+(Date.now() - startTime)+'ms';
 // parent.appendChild(p)
  alert(11);
})
</script>