zoukankan      html  css  js  c++  java
  • H5移动端原生长按事件

    // 函数名longpress
    // 参数为: 需长按元素的id、长按之后处理函数func
    function longPress(id, func,timeout=500) { var timeOutEvent; document.querySelector('#' + id).addEventListener('touchstart', function (e) { // 开启定时器前先清除定时器,防止重复触发 clearTimeout(timeOutEvent); // 开启延时定时器 timeOutEvent = setTimeout(function () { // 调用长按之后的逻辑函数func func(); }, timeout); }); document.querySelector('#' + id).addEventListener('touchmove', function (e) { // 长按过程中,手指是不能移动的,若移动则清除定时器,中断长按逻辑 clearTimeout(timeOutEvent); /* e.preventDefault() --> 若阻止默认事件,则在长按元素上滑动时,页面是不滚动的,按需求设置吧 */ }); document.querySelector('#' + id).addEventListener('touchend', function (e) { // 若手指离开屏幕时,时间小于我们设置的长按时间,则为点击事件,清除定时器,结束长按逻辑 clearTimeout(timeOutEvent); }); }
  • 相关阅读:
    回文字符串问题
    Linux添加nfs共享存储盘
    解读nginx配置
    制作自己的nginx rpm包
    linux编译安装时常见错误解决办法
    redis单机及集群安装
    nginx ssl
    vsftp配置详解
    Linux-文件系统的简单操作
    Linux-Vim编辑器
  • 原文地址:https://www.cnblogs.com/yuri2016/p/10334860.html
Copyright © 2011-2022 走看看