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); }); }
  • 相关阅读:
    阿里--面经 搜集
    阿里一面经验总结
    System对象
    JDBC-oracle(登陆)
    博客静态页面
    设计模式(1)---Factory Pattern
    软件设计师备考经验(含新旧版本对比)
    第九课,ROS仿真1
    参数服务器相关的问题
    3.空域图像处理的洪荒之力
  • 原文地址:https://www.cnblogs.com/yuri2016/p/10334860.html
Copyright © 2011-2022 走看看