简单封装移动端长按事件

好久不见. 提交于 2019-12-03 20:32:56
var timeOutEvent=0;//定时器
//开始按
function gtouchstart(){
    timeOutEvent = setTimeout("longPress()",500);//这里设置定时器,定义长按500毫秒触发长按事件
    return false;
};
//如果在500毫秒内就释放,则取消长按事件,此时可以执行onclick应该执行的事件
function gtouchend(){
    clearTimeout(timeOutEvent);//清除定时器
    return false;
};
//滑动事件
function gtouchmove(){
    clearTimeout(timeOutEvent);//清除定时器
    timeOutEvent = 0;

};



function longPress(){
    timeOutEvent = 0;
    alert('触发了长按事件')
}

 

<div ontouchstart="gtouchstart()" ontouchmove="gtouchmove()" ontouchend="gtouchend()">长按我</div>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!