Координаты мыши (JavaScript)

Объект MouseCoords

Для получения координат мыши сделаем маленькую переменную-объект — MouseCoords

Объект MouseCoords

/** * Объект работает с координатами курсора * Функции setX(event) и setY(event) устанавливают координаты мыши для икса и игрека соответственно * Получить текущие координаты можно * */ var MouseCoords = { // координаты x и y x: 0, y: 0, // X-координата setX: function(e) { if (e.pageX) { this.x = e.pageX; } else if (e.clientX) { this.x = e.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft; } else { this.x = 0; } }, // Y-координата setY: function(e) { if (e.pageY) { this.y = e.pageY; } else if (e.clientY) { this.y = e.clientY+(document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop; } else { this.y = 0; } } } document.onmousemove = function(e) { if (!e) e = window.event; MouseCoords.setX(e); MouseCoords.setY(e); }; document.onclick = function() { alert(['x: '+MouseCoords.x, 'y: '+MouseCoords.y]); };

Результат

При клике на экране любой кнопкой мыши, выскочит сообщение с текущими координатами мыши:
Координаты мыши

Пример реализации

Пример работы скрипта можно посмотреть на сайте автора.

Категории

ПрограммированиеJavaScript

Комментарии