English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery event.pageX свойство

События jQuery

Свойство event.pageX возвращает положение курсора мыши относительно левого края документа в пикселях.

Эта свойство обычно используется вместе сevent.pageYсвойства используются вместе.

Грамматика:

event.pageX

Пример

Показывать положение мыши относительно левого и верхнего краев документа:

$(document).mousemove(function(event){ 
  $("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
Проверьте, посмотрите‹/›

Изменение位置的 DIV относительно положения мыши:

$(document).ready(function(){
  let pos = {x:0, y:0};
  let box = $("div");
  let w = box.width();
  let h = box.height();
  let offset = box.position();
  $(document).mousemove(function(event){ 
    pos.x = event.pageX - offset.left - (w/2);
    pos.y = event.pageY - offset.top - (h/2);
    box.css({"left":pos.x, "top":pos.y});
  });
});
Проверьте, посмотрите‹/›

Значение параметра

ПараметрОписание
eventЭтоСобытиеПараметры приходят из функции привязки событий

События jQuery