鼠标位置计数

Question

您好我使用Jquery的鼠标位置来查找页面的位置。

我希望它的行为更像纬度和经度坐标。

    $().mousemove(function(e){
        $('#detect').html( e.pageX + '° N, '+ e.pageY + '° E' );

    });

我意识到这不是真正的纬度和经度坐标。该框将是网页，0是网页的绝对中间。将鼠标移动到N / E区域将产生此结果。

任何帮助将不胜感激。感谢。

Answer 1

使用Javascript：

var screenX = $(document).width() / 2;
var screenY = $(document).height() / 2;

$(document).mousemove(function(e){

    var apX = screenX - e.pageX;
    var apY = screenY - e.pageY;

    var latT = (apY>=0) ? 'N' : 'S';
    var lonT = (apX>=0) ? 'W' : 'E';

    apX = Math.round(Math.abs(apX));
    apY = Math.round(Math.abs(apY));

    $('#detect').html( apX  + 'px '+ latT +', '+ apY + 'px '+ lonT  );

});

您可以在http://jsfiddle.net/nvwzH/

上找到测试