Javascript 通过鼠标指针的位置更改来更改文本？

我试图写一个脚本，我想把我的html网站。这个脚本的作用是随着鼠标光标位置的改变而改变文本。例如，如果用户开启（x，y）=（1,1），则会显示一些文本，而如果开启（x，y）=（2,2），则会显示一些其他随机文本

var text = [ 'I am human.']

---

我不确定如何将此连接到鼠标事件。就像指针移动一样，显示文本列表中的任意随机文本。谁能提供代码？这对我真的很有帮助。谢谢大家!

在

窗口

上绑定

鼠标移动

，然后在事件对象上使用

一个简单的演示：

var $message = $('#message');

$(window).on('mousemove', function(e) {
    if(e.clientX > e.clientY) {
        $message.text('top right triangle');
    } else {
        $message.text('bottom left triangle');
    }
});

HTML:

移动鼠标。

---

在

窗口

上绑定

鼠标移动

，然后在事件对象上使用

一个简单的演示：

var $message = $('#message');

$(window).on('mousemove', function(e) {
    if(e.clientX > e.clientY) {
        $message.text('top right triangle');
    } else {
        $message.text('bottom left triangle');
    }
});

HTML:

移动鼠标。

---

因为您使用的是JQuery，所以只需使用，如果您想要效果，可以使用JQuery的

Javascript:

$(document).mousemove(function(){
   var randText = text[Math.floor(Math.random()*text.length)];
   var div = $("#textDiv");
   div.stop().animate({"opacity": "0"}, 100, function(){
       $(this).html(randText);
       $(this).stop().animate({"opacity": "1.0"}, 100);
   });
});

HTML:

---

因为您使用的是JQuery，所以只需使用，如果您想要效果，可以使用JQuery的

Javascript:

$(document).mousemove(function(){
   var randText = text[Math.floor(Math.random()*text.length)];
   var div = $("#textDiv");
   div.stop().animate({"opacity": "0"}, 100, function(){
       $(this).html(randText);
       $(this).stop().animate({"opacity": "1.0"}, 100);
   });
});

HTML:

看

---

参见

虽然其中一个标记是jquery，但我认为在这种情况下jquery是不必要的，没有它很容易实现，但是如果他想使用jquery，这是他的选择+1为好答案。如何将函数与每个像素绑定，而不是（e.clientX>e.clientY），我希望在鼠标移动一个像素时显示“var text”中的随机文本？谢谢你的回答：D@Dvorak，只需删除

if-else

，然后放入

$message.text（text[~~（Math.random（）*text.length）]虽然其中一个标记是jquery，但我认为在这种情况下jquery是不必要的，没有它很容易实现，但是如果他想使用jquery，这是他的选择+1为好答案。如何将函数与每个像素绑定，而不是（e.clientX>e.clientY），我希望在鼠标移动一个像素时显示“var text”中的随机文本？谢谢你的回答：D@Dvorak，只需删除
if-else
，然后放入
$message.text（text[~~（Math.random（）*text.length）]看到他希望它在每个像素移动时都发生变化，使用alert可能会非常恼人/有问题。最好是使用Console.log或在某个分区内打印。是的。但他现在可以完成这个简单的任务。看到他希望在每个像素移动时都会更改，使用alert可能会很烦人/有问题。最好使用Console.log或在某个分区内打印出来。当然。但他现在可以完成这个简单的任务。谢谢！顺便问一下，有没有办法减缓这种变化？就像“淡入”文本这样的效果：）我为youThanks添加了淡入淡出效果示例。非常感谢，谢谢！顺便问一下，有没有办法减缓这种变化？就像“淡入”文本这样的效果：）我为youThanks添加了淡入淡出效果示例。非常感谢。
var text = [ 'I am human.'
            , 'Some text here.'
            , 'I love technology.'
            , 'You are a good person'
            ]
$(document).mousemove(function(event) {
   var randomItem = text[Math.floor(Math.random()*text.length)];
    alert(randomItem);
});