鼠标移入离开事件，延迟触发悬浮

贺今宵

于 2023-09-12 09:29:35 发布

阅读量150

点赞数

文章标签： java 前端服务器

本文链接：https://blog.csdn.net/qq_51389137/article/details/132823944

版权

  item.on("mouseover", async (e) => {
    if (selectData.sceneValue === "2") {
      return;
    }
    if (hoverTimeOut === null) {
      hoverTimeOut = setTimeout(() => {
        hoverTimeOut = null;
        messageData.value = info;
        message_type.value = info.code;
        const position = [e.lnglat.KL, e.lnglat.kT];
        hoverStatus.value = !hoverStatus.value;
        isMessage.value = true;
        routeInfoSave(info);
        nextTick(()=>{
          messageBase(info.code, position);   
        })
      }, 1000);
    }
  });
  item.on("mouseout", (e) => {
    clearTimeout(hoverTimeOut);
    hoverTimeOut = null;
  });