javascript - 随着鼠标指针位置的改变而改变文本？

Question

我正在尝试编写一个脚本，并将其放入我的 html 网站中。该脚本的作用是随着鼠标光标位置的变化来更改文本。例如。如果用户在 (x,y)=(1,1) 上，则将显示一些文本，而如果在 (x,y)=(2,2) 上，将显示一些其他随机文本。

var text = [ 'I am human.']

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

Answer 1

在window或其他东西上绑定(bind)mousemove，然后使用screenX / screenY / clientX / clientY / etc在事件对象上。

一个简单的演示:

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:

<div id="message">Move the mouse.</div>

http://jsfiddle.net/qjtnd/