H5移动端原生长按事件
// 函数名longpress
// 参数为: 需长按元素的id、长按之后处理函数func function longPress(id, func,timeout=500) { var timeOutEvent; document.querySelector('#' + id).addEventListener('touchstart', function (e) { // 开启定时器前先清除定时器,防止重复触发 clearTimeout(timeOutEvent); // 开启延时定时器 timeOutEvent = setTimeout(function () { // 调用长按之后的逻辑函数func func(); }, timeout); }); document.querySelector('#' + id).addEventListener('touchmove', function (e) { // 长按过程中,手指是不能移动的,若移动则清除定时器,中断长按逻辑 clearTimeout(timeOutEvent); /* e.preventDefault() --> 若阻止默认事件,则在长按元素上滑动时,页面是不滚动的,按需求设置吧 */ }); document.querySelector('#' + id).addEventListener('touchend', function (e) { // 若手指离开屏幕时,时间小于我们设置的长按时间,则为点击事件,清除定时器,结束长按逻辑 clearTimeout(timeOutEvent); }); }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步