Як отримати координати курсору на 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);.

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.