webew
Войти » Регистрация
 
JavaScript :: Координаты, размеры, ресайз, drag_and_drop

Координаты указателя мыши

5 декабря 2007, 15:10
При движении мыши в окне браузера часто требуется определить её координаты, например при создании интерфейса с различного рода "перетаскиваниями". За точку отсчета (x=0, y=0) принимается верний левый угол документа.

// Пишем функцию, определяющую координаты
function defPosition(event) {
      var x = y = 0;
      if (document.attachEvent != null) { // Internet Explorer & Opera
            x = window.event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
            y = window.event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
      } else if (!document.attachEvent && document.addEventListener) { // Gecko
            x = event.clientX + window.scrollX;
            y = event.clientY + window.scrollY;
      } else {
            // Do nothing
      }
      return {x:x, y:y};
}
// Простая проверка
// С помощью document.write выведем координаты прямо в окно браузера
// Они будут обновлять при движении мыши
document.onmousemove = function(event) {
      var event = event || window.event;
      document.body.innerHTML = "x = " + defPosition(event).x + ", y = " + defPosition(event).y;
}


// Все права на статью JavaScript::Координаты указателя мыши принадлежат сайту 2007.fastcoder.ru
Добавить комментарий
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: