如何使用Javascript手动添加悬停

How to add hover manually with Javascript

本文关键字：添加 悬停 何使用 Javascript      更新时间：2023-09-26

我需要调整脚本并硬编写hover以使其可见。我如何使用javascript来做到这一点。

到目前为止，我尝试了几种方法，但没有成功。 

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

实现我认为是您要实现的目标的一种方法是切换"悬停"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）。

相关文章：