JS/jQuery

Получить координаты курсора

Данная функция получает текущие координаты курсора, с ее помощью можно получить координаты по разным событиям.

function getPosition(e){
    var x = y = 0;

    if(!e){
        var e = window.event;
    }

    if(e.pageX || e.pageY){
        x = e.pageX;
        y = e.pageY;
    }else if(e.clientX || e.clientY){
        x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
        y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }

    return {x: x, y: y}
}

/* Координаты курсора */
$('body').mousemove(function(e){
    var coord = getPosition(e);
    $('#coord-live').html(coord.x + "," + coord.y);
});

/* Координаты клика */
$('body').click(function(e){
    var coord = getPosition(e);
    $('#coord-click').html(coord.x + "," + coord.y);
});

Пример

Координаты курсора:

Координаты клика:

01 февраля 2017