如何使用Javascript触发CSS“悬停状态”？ [复制]

当用户将鼠标悬停在元素上时，CSS“悬停状态”将触发：

<style>
.element{

}
.element:hover{
    background-color:red;
}
</style>

我们如何使用 Javascript 将元素设置为“悬停状态”？

是否可以？

如果您可以接受使用:focus您可以使用以下命令来代替悬停：

var links = document.getElementsByTagName('a');
links[0].focus();

JS 小提琴演示 http://jsfiddle.net/davidThomas/RceFU/.

Or

var linkToFocus = document.getElementById('link');
linkToFocus.focus();

JS 小提琴演示 http://jsfiddle.net/davidThomas/RceFU/1/.

显然，这种方法需要调整您的 CSS 以包含a:focus style:

a:link, a:visited {
    background-color: #fff;
}
a:hover, a:focus, a:active {
    background-color: #f00;
}