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

jQuery event.pageX Eigenschaft

jQuery Ereignisse

Das Attribut event.pageX gibt die Position des Mauszeigers im Verhältnis zur linken Kante des Dokuments in Pixeln zurück.

Diese Eigenschaft wird normalerweise zusammen mitevent.pageYAttribute zusammen verwendet werden.

Syntax:

event.pageX

Beispiel

Anzeige der Position des Mauszeigers im Verhältnis zur linken und oberen Kante des Dokuments:

$(document).mousemove(function(event){ 
  $("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
Testen Sie heraus‹/›

Position des DIV relativ zur Mausposition ändern:

$(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});
  });
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
eventdasEreignisdie Parameter stammen aus der Ereignisbindungsfunktion

jQuery Ereignisse