javascript - 如何使用 Javascript 手动添加悬停

Question

我需要调整脚本并硬写 hover使其可见。 我怎样才能使用 javascript 做到这一点。

我已经尝试了多种方法，但没有成功。

  document.getElementById("tooltip").className += ":hover";

Answer 1

实现我认为您想要实现的目标的一种方法是切换“悬停”CSS 类。

var tooltip = document.getElementById('tooltip');
var toggle = document.getElementById('toggle');
var isHover = false;

toggle.onclick = function() {
    if (!isHover) {
        tooltip.classList.add('hover');
    } else {
        tooltip.classList.remove('hover');
    }
    isHover = !isHover;
};

#tooltip {
    width: 200px;
    height: 200px;
    background: blue;
}
#tooltip:hover,
#tooltip.hover {
    background: red;
}

<div id="tooltip"></div>
<button id="toggle">toggle hover</button>

您无法使用 JavaScript 修改伪类(例如 :hover)。