Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Координаты мыши (JavaScript)

Объект MouseCoords

Для получения координат мыши сделаем маленькую переменную-объект — MouseCoords

Объект MouseCoords

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/**
 * Объект работает с координатами курсора
 * Функции setX(event) и setY(event) устанавливают координаты мыши для икса и игрека соответственно
 * Получить текущие координаты можно
 *
 */

var MouseCoords = {
    // координаты x и y
    x: 0,
    y: 0,

    // X-координата
    setX: function(e)
    {
        if (e.pageX)
        {
            this.x = e.pageX;
        }
        else if (e.clientX)
        {
            this.x = e.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
        }
        else
        {
            this.x = 0;
        }
    },

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

document.onmousemove = function(e)
{
    if (!e) e = window.event;
    MouseCoords.setX(e);
    MouseCoords.setY(e);
};

document.onclick = function()
{
    alert(['x: '+MouseCoords.x, 'y: '+MouseCoords.y]);
};

Результат

При клике на экране любой кнопкой мыши, выскочит сообщение с текущими координатами мыши:
Координаты мыши

Пример реализации

Пример работы скрипта можно посмотреть на сайте автора.

Опубликовано: 15 февраля 2011  ·  Автор: Артём Фёдоров  ·  6689 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptКоординаты мыши (JavaScript)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

JavaScript, Программирование

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания