我意识到,当我切换设备工具栏时,双击事件不起作用。我用谷歌搜索,但只看过jQuery的东西,而对jQuery却一无所知。我该如何工作?
stuff.addEventListener('dblclick', openOtherStuff)
我正在尝试为此事件打开一个模式。它可以完美地在PC上运行,不适用于移动设备。
不幸的是,您无法收听双击事件,但可以使用touchstart事件测量两次单击之间的时间差。
let lastClick = 0;
const ele = document.querySelector('div');
ele.addEventListener('touchstart', function(e) {
e.preventDefault(); // to disable browser default zoom on double tap
let date = new Date();
let time = date.getTime();
const time_between_taps = 200; // 200ms
if (time - lastClick < time_between_taps) {
// do stuff
console.log("done");
}
lastClick = time;
})
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
div {
width: 100px;
height: 100px;
background: rebeccapurple;
display: flex;
justify-content: center;
align-items: center;
}
<div>Touch</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句