jquery中H5页面长按事件(代码全)简单小demo

一个简单的demo，先上图看效果（当长按0.5秒的时候就会显示下面的红色div）

如果是单击一次鼠标并没有到0.5秒则提示

下面上全部代码

注意：是H5页面才会触发，用谷歌调试的时候要按F12进入手机的模式，否则不起作用（@炬）

 
	
	
	



    
长按我
    
长按显示

如果不行，还有另一种方法 大同小异代码下

var longClick =0;
$("#equipment-information .equipment_information").on({
    touchstart: function(e){
        longClick=0;//设置初始为0
        timeOutEvent = setTimeout(function(){
            //此处为长按事件-----在此显示遮罩层及删除按钮
            longClick=1;//假如长按，则设置为1
            alert("这是长按删除")
        },1000);
    },
    touchmove: function(){
        clearTimeout(timeOutEvent);
        timeOutEvent = 0;
        e.preventDefault();
    },
    touchend: function(e){
        clearTimeout(timeOutEvent);
        if(timeOutEvent!=0 && longClick==0){//点击
            //此处为点击事件----在此处添加跳转详情页
            alert("这是点击")
        }
        return false;
    }
});