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

Предлагаем Вам простой JavaScript код, отображающий текущие координаты курсора на экране. Координаты берутся относительно окна странички и не превышают разрешение экрана.

Данный скрипт позволяет выводить координаты курсора как в statusbar-е, так и в заданном месте странички.

Для получения текущих координат курсора на экране сайта вставьте на свою страничку следующий скрипт:

JavaScript код:

<script type="text/javascript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
    if (ns4) {document.captureEvents(Event.MOUSEMOVE);}
    document.onmousemove=mousemove;
}
function mousemove(event) {
    var mouse_x = y = 0;
    if (document.attachEvent != null) {
        mouse_x = window.event.clientX;
        mouse_y = window.event.clientY;
    } else if (!document.attachEvent && document.addEventListener) {
        mouse_x = event.clientX;
        mouse_y = event.clientY;
    }
    status="x = " + mouse_x + ", y = " + mouse_y;
    document.getElementById('xy').innerHTML = "x = " + mouse_x + ", y = " + mouse_y;
}
init()
</script>


Далее, в том месте странички, где необходимо получить координаты курсора (если необходимо), вставляем элемент <span id="xy"></span>.

Если Вы все правильно сделали, то при перемещении курсора мыши по экрану браузера внутри элемента <span id="xy"></span> и в statusbar-е должны отображаться текущие координаты курсора.

 ​​​​​​​

Прорыв 2020
Просмотров: 361
Рейтинг: 3.4

Закрыть меню
Боковая Панель Закрыть

Страницы:

Солушать совет Бота:

Озвучить

Цитата из Твиттера:

Уровень доверия к сайту, оставьте ваш отзыв:

close