jquery - 如何使 x 和 y 轴上的鼠标位置值介于 -1 和 1 之间？

Question

如何使鼠标位置值而不是不规则值介于 -1 和 1 之间，有效地使屏幕中心等于 0，左侧为 x -1，右侧为 x 1，顶部 -1，底部 1？

var mouseX, mouseY;
jQuery(document).mousemove(function(e) {
    mouseX = e.pageX;
    mouseY = e.pageY;
    console.log('x', mouseX)
    console.log('y',mouseY)
}).mouseover(); 

标签： jquerymath

Answer 1

var windowWidth = jQuery(window).width();
var windowHeight = jQuery(window).height();
var mouseX, mouseY;
jQuery(document).mousemove(function(e) {
    mouseX = (e.pageX * 2 - windowWidth) / windowWidth;
    mouseY = (e.pageY * 2 - windowHeight) / windowHeight;
    console.log('x', mouseX)
    console.log('y', mouseY)
}).mouseover();