Как получить координаты курсора на JQuery

Далее в статье вашему вниманию представлен простейший пример получения текущих координат X и Y курсора компьютерной мышки с помощью использования языка программирования JavaScript и всем знакомой библиотеки под названием JQuery. Обратите внимание на использование мною события .mousemove():

jQuery(document).ready(function($) {
     
    var tekKoordinatiMishki = { x: -1, y: -1 };
    $(document).mousemove(function(event) {
        tekKoordinatiMishki.x = event.pageX;
        tekKoordinatiMishki.y = event.pageY;   

        // Выводим текущие координаты курсора ***:
        window.status = 'X=' + tekKoordinatiMishki.y + ', Y=' + tekKoordinatiMishki.x;  
    });
    
});

***Примечание. Трюк с выводом в браузерную строку состояния возможно будет работать только в Microsoft Internet Explorer, - проверял на IE 8.  Во всех остальных нормальных интернет обозревателях, таких как Firefox или Chrome, можно воспользоваться конструкцией console.log('X=' + tekKoordinatiMishki.y + ', Y=' + tekKoordinatiMishki.x);.





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