h5移动端手机长按事件

h5移动端手机长按事件


<div style="width:100%;">
    <div id="touchArea" style="width:90%; height:200px; background-color:#CCC;font-size:100px">长按我div>
div>
var timeOutEvent=0;
$(function(){
    $("#touchArea").on({
        touchstart: function(e){
            timeOutEvent = setTimeout("longPress()",500);
            e.preventDefault();
        },
        touchmove: function(){
            clearTimeout(timeOutEvent);
            timeOutEvent = 0;
        },
        touchend: function(){
            clearTimeout(timeOutEvent);
            if(timeOutEvent!=0){
                alert("你这是点击,不是长按");
            }
            return false;
        }
    })
});
function longPress(){
    timeOutEvent = 0;
    alert("长按事件触发发");
}

你可能感兴趣的:(h5)