h5 이동단 핸드폰 장절 이벤트

6228 단어 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(" ");
}

좋은 웹페이지 즐겨찾기