vuethreejs不响应双击的解决办法

简书链接:vuethreejs不响应双击的解决办法
文章字数：127,阅读全文大约需要1分钟
在chrome 谷歌浏览器中切换手机模式，
监听右击，但是发现event 得到的xy 不准确，导致射线点击无法命中东西
document.addEventListener('contextmenu', onMouseDbClick);

鼠标按下，发现只响应鼠标左键
document.addEventListener('mousedown', function (e) {

监听双击
window.addEventListener('dblclick', onMouseDbClick, false);
测试时无法触发，因此采用鼠标左键单击模拟

最后只能这样了

监听点击和双击

window.addEventListener('click', onMouseClick, false);

let clicking=0
function onMouseClick(event) {

  if (clicking==0) {
    console.log("单击")
    clicking++
    // 第一次单击事件
    setTimeout(function () {
      clicking=0
    }, 300); // 300 毫秒内检测第二次单击事件
  }else{
    clicking=0
    onMouseDbClick((event))
    console.log("双击")
  }
}