阿里云 网站部署,站点建设方案,wordpress go,奢侈品回收为了适配移动端#xff0c;图片加入touchstart#xff0c;touchend#xff0c;并加了 e.preventDefault() 屏蔽默认菜单。
然而突然发现移动端图片的链接无响应了#xff0c;PC端没问题。
而且功能需要区分点击和长按。
原生js如何判断移动端的tap,dbltap#xff0c;lo…为了适配移动端图片加入touchstarttouchend并加了 e.preventDefault() 屏蔽默认菜单。
然而突然发现移动端图片的链接无响应了PC端没问题。
而且功能需要区分点击和长按。
原生js如何判断移动端的tap,dbltaplongtap?点击双击长按的识别 - 简书
通过计算 touchstart 和 touchend 的时间间隔来区分能解决问题。
(function(i){var t, time;img.addEventListener(touchstart, function(e){e.preventDefault();t e.touches[0];time Date.now();});img.addEventListener(touchend, function(e){ var dt Date.now() - time;if (dt 300)window.location.href json[i].website;else { menu.style.display block;menu.style.left t.pageX px;menu.style.top t.pageY px;id i;title1 json[i].title;website1 json[i].website;}});
})(i);