当前位置:编程学习 > JS >>

H5页面监听长按事件

用jquery库,然后H5页面监听长按事件
        var timeOutEvent;
        $(document).on("touchstart","body img",function(e){           
                    var that = this;
                    timeOutEvent = setTimeout("longPress()",500);//500设置时间
                    picUrl = $(that).attr('src');                        
                     e.preventDefault(); 
        })
        $(document).on("touchmove","body img",function(e){
            clearTimeout(timeOutEvent); 
            timeOutEvent = 0;
        })
        $(document).on("touchend","body img",function(e){
            clearTimeout(timeOutEvent);
            if(timeOutEvent!=0){ 
                //alert("你这是点击,不是长按"); 
            } 
            return false;
        })
        
        function longPress(){ 
            timeOutEvent = 0; 
            //alert("长按事件触发发");    
        } 
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,