js 用touch事件实现简单tap

最新推荐文章于 2024-05-30 21:42:04 发布

转载最新推荐文章于 2024-05-30 21:42:04 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lzs-888/p/6645521.html

本文介绍了一个JavaScript函数，用于监听DOM元素上的触摸事件，并实现点击回调。该函数能够区分单击和滑动行为，通过设置延迟时间来过滤连续点击，适用于移动设备的触屏操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        function _tap(dom,callBack){
            var startTime=0;  
            var delayTime=200;  
            var isMove=false;  
            dom.addEventListener("touchstart",function(e){  
                startTime=Date.now();  
            });  
            dom.addEventListener("touchmove",function(e){  
                if(isMove==false){
                    isMove=true;
                }
            });  
            dom.addEventListener("touchend",function(e){  
                if(isMove){
                    isMove=false;
                    return;
                }
                if(Date.now()-startTime>delayTime) return;  
                callBack(e);  
            });  
        }  

        function x(){
            console.log(1);
        }
　　　　　　
　　　　　_tap(document.getElementById('my_dom'),x);