Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在悬停选择器更改之前获取元素样式_Javascript_Dom_Google Chrome Extension - Fatal编程技术网

Javascript 在悬停选择器更改之前获取元素样式

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); //返回蓝色,但我希望在悬

我正在尝试制作一个chrome扩展,以查找被按下元素的原始背景色。
我的意思是,用户悬停之前的背景色是,而
: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