Javascript 如何使用鼠标位置确定文本颜色

我试图让页面上的一些文本的RGB值由鼠标的位置决定。我目前已经得到这个工作，以改变背景颜色（见下文），但希望它改变文本的颜色，而不是。理想情况下，所有文本的颜色，但我可以单独做

如果它是基于鼠标在屏幕上的位置而不是页面上的位置，那也很好

谢谢

<script>
    ( function( $ ) {
        'use strict';
        $( document ).on( 'ready', function() {
        $(document).mousemove(function(e){
        var $width = ($(document).width())/255;
        var $height = ($(document).height())/255;
        var $pageX = parseInt(e.pageX / $width,10);
        var $pageY = parseInt(e.pageY / $height,10);
        var $pageXY = ($pageX+$pageY)/2;
        $("body").css("background-colour", "rgb("+$pageY+","+$pageXY+",255)");
        });
        } );
    } ( jQuery ) );
</script>

（函数（$）{
"严格使用",；
$（文档）.on（'ready'，function（））{
$（文档）.mousemove（函数（e）{
var$width=（$（document）.width（））/255；
var$height=（$（document）.height（））/255；
var$pageX=parseInt（e.pageX/$width，10）；
var$pageY=parseInt（e.pageY/$height，10）；
变量$pageXY=（$pageX+$pageY）/2；
$（“body”）.css（“背景色”，“rgb”（“+$pageY+”，“+$pageXY+”，255）”）；
});
} );
}（jQuery））；

From“颜色属性用于设置文本的颜色。颜色由以下指定：

• 颜色名称-如“红色”
• 类似于“#ff0000”的十六进制值
• RGB值-如“RGB（255,0,0）”

“。试试这个：

$("body").css("color", "rgb("+$pageY+","+$pageXY+",255)");

如果文本元素（div或其他）的类具有

color

属性，则样式将不会层叠到文本。您应该选择文本元素，而不是

正文

我试过这个，效果很好：

文本
document.getElementById（'button'）。addEventListener（'click'，（）=>{
$（“#textId”）.css（“颜色”、“rgb（255,55255）”）；
});

嗨，kodvin，谢谢你的回答。不幸的是，文本的颜色仍然没有改变，我想知道是否需要引用该类？试试这个

$（“body*”）..css（“color”，“rgb（“+$pageY+”，“+$pageXY+”，255）”）如果有效，我将更新答案。但我怀疑的是，您为该文本元素添加了颜色。你应该直接通过类或id引用来选择文本，而不是选择主体（或者使用开始*来选择所有内容）。是的，我认为事实上，布局主题已经自动为它设置了颜色，只是试图找出如何引用代码中的元素。我试着用“fixed element”（我分配给这段文本的类）替换“body”（主体），但运气不好。我认为它可能是在其他地方或其他地方被过度使用了