jQuery移动端长按事件

最新推荐文章于 2022-06-24 16:21:48 发布

转载最新推荐文章于 2022-06-24 16:21:48 发布 · 1.8w 阅读

文章标签：

#前端 #移动 #javascript

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的触摸事件监听案例，通过设置长按时触发的事件及取消长按时触发的点击事件。适用于需要区分长按与点击操作的移动设备应用程序中。

$("#target").on({  
        touchstart: function(e) { 
            // 长按事件触发  
            timeOutEvent = setTimeout(function() {  
                timeOutEvent = 0;  
                alert('你长按了');  
            }, 400);  
            //长按400毫秒   
            // e.preventDefault();    
        },  
        touchmove: function() {  
            clearTimeout(timeOutEvent);  
            timeOutEvent = 0;  
        },  
        touchend: function() {  
            clearTimeout(timeOutEvent);  
            if (timeOutEvent != 0) {  
                // 点击事件  
                // location.href = '/a/live-rooms.html';  
                alert('你点击了');  
            }  
            return false;  
        }  
    })