Javascript 在悬停选择器更改之前获取元素样式
我正在尝试制作一个chrome扩展,以查找被按下元素的原始背景色。Javascript 在悬停选择器更改之前获取元素样式,javascript,dom,google-chrome-extension,Javascript,Dom,Google Chrome Extension,我正在尝试制作一个chrome扩展,以查找被按下元素的原始背景色。 我的意思是,用户悬停之前的背景色是,而:hover选择器(可能)改变了它。 我试着使用document.styleSheets,但没有成功 示例 window.addEventListener(“单击”),函数(e){ 按element=e.target; console.log(window.getComputedStyle(presseElement,null).backgroundColor); //返回蓝色,但我希望在悬
我的意思是,用户悬停之前的背景色是,而
:hover
选择器(可能)改变了它。我试着使用
document.styleSheets
,但没有成功
示例
window.addEventListener(“单击”),函数(e){
按element=e.target;
console.log(window.getComputedStyle(presseElement,null).backgroundColor);
//返回蓝色,但我希望在悬停更改前显示背景(本例中为绿色、黄色、红色)
});代码>
div{
高度:100px;
宽度:100px;
}
div:悬停{
背景色:蓝色!重要;
}
1
2.
3
只需将元素替换为自身,这将强制更新悬停状态,然后计算样式:
window.addEventListener(“单击”),函数(e){
const target=e.target;
target.parentNode.replaceChild(目标,目标)
const color=window.getComputedStyle(target,null).backgroundColor;
控制台。日志(颜色);
返回颜色;
});代码>
div{
高度:100px;
宽度:100px;
}
div:悬停{
背景色:蓝色!重要;
}
1
2.
3