Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как получать координаты при каждом клике мышью? (https://javascript.ru/forum/misc/44699-kak-poluchat-koordinaty-pri-kazhdom-klike-myshyu.html)

wadim 29.01.2014 20:18

Как получать координаты при каждом клике мышью?
 
Здравствуйте, вот код:

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

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

danik.js 29.01.2014 21:14

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

рони 29.01.2014 21:23

Цитата:

Сообщение от wadim
document.write

замени на innerHTML
Цитата:

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

Он дописывает текст в текущее место HTML.
http://learn.javascript.ru/document-write

wadim 29.01.2014 21:40

Цитата:

Сообщение от danik.js (Сообщение 294810)
Дык твой код разве не эту задачу решает? Или может тебе нужно другое событие? Пробуй onmousedown

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

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

рони 29.01.2014 21:50

Цитата:

Сообщение от wadim
Чем заменить write?

Цитата:

Сообщение от рони
замени на innerHTML

:blink:

wadim 29.01.2014 21:58

Цитата:

Сообщение от рони (Сообщение 294816)
:blink:

замени на innerHTML

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

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

рони 29.01.2014 22:31

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

wadim 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>

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

рони 29.01.2014 23:16

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

рони 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>


Часовой пояс GMT +3, время: 21:47.