Задать вопрос
@Mary01
javascript

Почему не работает функция определения координат курсора?

Новичек. Почему-то не работает скрипт для Firefox для "живого" отображения координат курсора.
И ещё, есть ли альтернатива window.screenX, window.screenY свойств для определения координат в Хром?
<!DOCTYPE html>
<html>
<head>
    <title>123</title>
    <script>
        window.onload = function () {

            setInterval(getPos, 5, 5);

            function getPos() {
                document.write("x: " + window.screenX + "y: " + window.screenY);
            };
        };
    </script>
</head>
<body>
</body>
</html>

Господа, спасибо, конечно, но не могли Вы бы указать непосредственно на недостатки моего метода? Мне кажется, всё должно работать, но почему-то не хочет. Почему?
Написано только что
  • Вопрос задан
  • 303 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Komatera
Ваш код вроде как вообще с курсором не связан
Попробуйте этот (он рабочий):
<script type="text/javascript">
/**
 * Объект работает с координатами курсора
 *
 * @author Artem Fedorov 2010
 *
 */
var MouseCoords = {

	// X-координата
	getX: function(e)
	{
		if (e.pageX)
		{
			return e.pageX;
		}
		else if (e.clientX)
		{
			return e.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
		}

		return 0;
	},

	// Y-координата
	getY: function(e)
	{
		if (e.pageY)
		{
			return e.pageY;
		}
		else if (e.clientY)
		{
			return e.clientY+(document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
		}

		return 0;
	}
}

document.onmousemove = function(e)
{
	if (!e) e = window.event;

	var mouseCoordsLayer = document.getElementById('mouse_coords_on_move');
	mouseCoordsLayer.innerHTML = '<h2>Координаты во время движения</h2>';
	mouseCoordsLayer.innerHTML += '<p>X: '+MouseCoords.getX(e)+'</p>';
	mouseCoordsLayer.innerHTML += '<p>Y: '+MouseCoords.getY(e)+'</p>';
}

document.onclick = function(e)
{
	if (!e) e = window.event;

	var mouseCoordsLayer = document.getElementById('mouse_coords_on_click');
	mouseCoordsLayer.innerHTML = '<h2>Координаты при клике</h2>';
	mouseCoordsLayer.innerHTML += '<p>X: '+MouseCoords.getX(e)+'</p>';
	mouseCoordsLayer.innerHTML += '<p>Y: '+MouseCoords.getY(e)+'</p>';
}

//--></script>

<div id="mouse_coords_on_move"></div>
<div id="mouse_coords_on_click"></div>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (back-end / full-stack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Дописать 2D игру моделирование твердых тел
05 мая 2024, в 22:48
5000 руб./за проект
Помочь настроить captive portal
05 мая 2024, в 22:19
3000 руб./за проект
Разработать конструкторские документы
05 мая 2024, в 22:12
1000 руб./в час
Ещё заказы