Как на JQuery отследить координаты клика внутри блока

Отслеживание координат мышиного курсора на заданной веб-странице является одной из самых распространенных задач, и ответ на неё вы можете легко найти. Однако далее я рассмотрю другую сторону упомянутого вопроса, - давайте попробуем отследить координаты X, Y внутри определенного блока с помощью JavaScript + JQuery:

$(function() {
    $("#container").click(function(e) {
        var smechenie = $(this).offset();
        var otnositeliniiX = (e.pageX - smechenie.left);
        var otnositeliniiY = (e.pageY - smechenie.top);
        alert("Координата X: " + otnositeliniiX + "\nКоордината Y: " + otnositeliniiY);
    });
});

В шестой строчке показанного программного кода будет выведено сообщение с информацией о координатах клика относительно блочного элемента с CSS идентификатором container.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.