Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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 如何在mousemove上获取屏幕上像素的颜色?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在mousemove上获取屏幕上像素的颜色?

Javascript 如何在mousemove上获取屏幕上像素的颜色?,javascript,jquery,Javascript,Jquery,我只想在jquery或javascript中获得鼠标移动时的像素颜色。我不想使用canvas或任何第三方插件,有没有任何可能的方法来实现这一点。我需要光标位置上像素的颜色 有人请帮忙吗?如果您只需要背景色,可以使用document.elementFromPoint()和getComputedStyle() 对于更高级的问题,如图像中的像素颜色,这将不起作用 window.addEventListener('click',e=>{ 常数{clientX:x,clientY:y}=e, el=文件

我只想在jquery或javascript中获得鼠标移动时的像素颜色。我不想使用canvas或任何第三方插件,有没有任何可能的方法来实现这一点。我需要光标位置上像素的颜色


有人请帮忙吗?

如果您只需要背景色,可以使用
document.elementFromPoint()
getComputedStyle()

对于更高级的问题,如图像中的像素颜色,这将不起作用

window.addEventListener('click',e=>{
常数{clientX:x,clientY:y}=e,
el=文件元素起点(x,y),
style=window.getComputedStyle(el);
console.log(style.backgroundColor)
});
initDemo()
函数initDemo(){
常量颜色=[‘红色’、‘蓝色’、‘紫色’、‘绿色’、‘灰色’]
document.queryselectoral('.box').forEach((el,i)=>{
el.style.backgroundColor=颜色[i]
});
}
.box{边框:2px实心#ccc;宽度:50px;边距:30px;高度:50px;显示:内联块;颜色:黄色}


因为我想在当前鼠标位置上获得背景区域。有可能吗?这是你的问题吗?如果是,请检查我的屏幕上是否有随机html,我希望鼠标移动时有像素颜色。仅html是不可能的。见上面的链接。你说你想要的只是背景,否则我甚至不会提供这个答案