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

Closed. This question needs details or clarity。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？添加详细信息并通过editing this post阐明问题。
                
                    5年前关闭。
            
        

    

我需要调整脚本并硬编写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）。