Форум

wadim · #1 (**permalink**) 29.01.2014, 20:18

Здравствуйте, вот код:

<script>
document.onclick = function(event) {
var event = event || window.event;
document.write ("clientX = " + event.clientX);
}
</script>

мне нужно получать координаты при каждом клике мышью по документу, в данном случае они должны выводится в браузер, то есть событие onclick должно срабатывать при каждом нажатии клавиши мышки. День решаю задачу. Нужен понятный и компактный код - как мой код выше. За ранее спасибо.

danik.js · #2 (**permalink**) 29.01.2014, 21:14

Дык твой код разве не эту задачу решает? Или может тебе нужно другое событие? Пробуй onmousedown

рони · #3 (**permalink**) 29.01.2014, 21:23

Сообщение от wadim

document.write

замени на innerHTML

Цитата:

Метод document.write(str) корректно работает только пока HTML еще не догружен.

Он дописывает текст в текущее место HTML.

http://learn.javascript.ru/document-write

wadim · #4 (**permalink**) 29.01.2014, 21:40

Сообщение от danik.js

Дык твой код разве не эту задачу решает? Или может тебе нужно другое событие? Пробуй onmousedown

Код вроде эту задачу решает, но срабатывает 1 раз, 1 раз выводит координату, а мне нужно чтоб при каждом нажатии выводил. Чем заменить write?

Можно подробней(код) хоть с onmousedown? Читал про него, но не разобрался.

рони · #5 (**permalink**) 29.01.2014, 21:50

Сообщение от wadim

Чем заменить write?

Сообщение от рони

замени на innerHTML

wadim · #6 (**permalink**) 29.01.2014, 21:58

Сообщение от рони

замени на innerHTML

А можно полный код
<script>
*****
</script>

Спасибо, если можно еще комментарии к коду.

рони · #7 (**permalink**) 29.01.2014, 22:31

wadim,
Демо получения координат мыши

wadim · #8 (**permalink**) 29.01.2014, 23:05

Вот так я сделал:
<script>

document.onmousemove = function(e) {
e = e || window.event;
fixPageXY(e);
document.getElementById('mouseX').value = e.pageX;
document.getElementById('mouseY').value = e.pageY;
}

<script>

Но сдесь наверно только получение координат(сам код супер), у меня при запуске ошибок не выдает, но и не отображает координаты, как сделать что б отображались в реальном времени на документе, как в примере этой демо? Седня голова уже не варит.

рони · #9 (**permalink**) 29.01.2014, 23:16

wadim,
Тег <input>
Атрибут id

рони · #10 (**permalink**) 29.01.2014, 23:35

wadim,

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <script>
        document.onmousemove = function (e) {
            e = e || window.event;
            document.getElementById('mouseX').value = e.pageX;
            document.getElementById('mouseY').value = e.pageY;
        }
    </script>
</head>

<body>
    <input id="mouseX">
    <input id="mouseY">
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript