<分区>
CSS 的“悬停状态”将在用户悬停在元素上时触发:
<style>
.element{
}
.element:hover{
background-color:red;
}
</style>
我们如何使用 Javascript 将元素设置为“悬停状态”?
这可能吗?
标签 javascript html css browser
<分区>
CSS 的“悬停状态”将在用户悬停在元素上时触发:
<style>
.element{
}
.element:hover{
background-color:red;
}
</style>
我们如何使用 Javascript 将元素设置为“悬停状态”?
这可能吗?
最佳答案
如果您可以接受使用 :focus
而不是 hover,您可以使用:
var links = document.getElementsByTagName('a');
links[0].focus();
或者
var linkToFocus = document.getElementById('link');
linkToFocus.focus();
显然,这种方法需要调整您的 CSS 以包含 a:focus
样式:
a:link, a:visited {
background-color: #fff;
}
a:hover, a:focus, a:active {
background-color: #f00;
}
关于javascript - 如何使用 Javascript 触发 CSS "hover state"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6406976/