js vue 鼠标悬停

最新推荐文章于 2024-08-23 14:40:40 发布

贺今宵

最新推荐文章于 2024-08-23 14:40:40 发布

阅读量169

点赞数

分类专栏： vue 文章标签： vue.js

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

版权

vue 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

文章描述了如何使用JavaScript的mouseover和mouseout事件，配合hoverTimeOut变量来控制鼠标悬停时的延迟操作，并在mouseout时清除定时器。涉及到了定时器管理和简单的业务逻辑处理。

摘要由CSDN通过智能技术生成

 let hoverTimeOut = null

 item.on("mouseover", async (e) => {

    if (hoverTimeOut===null) {
      hoverTimeOut = setTimeout(() => {
        hoverTimeOut= null;
   //业务逻辑
    messageBase(info.code, position);
              }, 1000); 
            }


  });
  item.on("mouseout", (e) => {
    console.log('离开')
     clearTimeout(hoverTimeOut);
      hoverTimeOut = null;
 //业务逻辑
  });