English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
event.pageX
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‹/›
Parameter | Beschreibung |
---|---|
event | dasEreignisdie Parameter stammen aus der Ereignisbindungsfunktion |