当元素不处于悬停状态时,是否有方法获得元素的HOVER样式?

Is there a way to get element HOVER style while the element not in hover state?

本文关键字:元素 有方法 是否 HOVER 样式 状态 于悬停 悬停      更新时间:2023-09-26
<div id="test">
</div>
<style>
#test{
color: #000000;
}
#test:HOVER{
color: #ffffff;
}
</style>
var el = dojo.byId('test');
console.log(dojo.style(el, 'color') );
dojo.connect(el, 'onmouseenter', function(e){
var el = e.originalTarget;
console.log(dojo.style(el, 'color') );
});

我在一些浏览器中测试了它,当鼠标进入时,它并不总是显示白色。有时我得到默认的黑色。

我想在不悬停的情况下获得这个颜色值。有办法吗?

如果我理解正确,你应该能够通过dojox.html.getStyleSheet来做到这一点,迭代CSSStyleRules,直到你找到你想要的颜色,并以这种方式提取颜色。

文档中对此没有太多说明,但是代码注释得很好。见http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dojox/html/styles.js