时间戳

首页 > 解决方案 > 悬停弹出窗口（不是子元素）纯js时防止onmouseout

javascript - 悬停弹出窗口（不是子元素）纯js时防止onmouseout

问题描述

我有一个<a>元素，当它悬停时，会显示一个弹出窗口。现在，当弹出窗口消失时，我能够做到这一点，onmouseleave这很好，因为我想要它。

问题是当我尝试悬停它时弹出窗口会消失。我环顾四周，但每个类似的问题都涉及一个子元素，在这种情况下我缺乏。

HTML：

<a href="#" onmouseenter="showCartPopup()" onmouseleave="hideCartPopup()"></a>
(...)
<div id="popup"></div>

怎样才能达到我想要的效果？我可以以某种方式在链接和 div 周围创建一个掩码吗？谢谢！

编辑：

js：

  function showCartPopup(){
    cart_popup = document.getElementById('popup')
    cart_popup.classList.add('show')
  };

  function hideCartPopup(){
    cart_popup = document.getElementById('popup')
    cart_popup.classList.remove('show')
  };

标签： javascripthtml

解决方案

推荐阅读