Attribut event.pageX de jQuery

Événements de jQuery

L'attribut event.pageX renvoie la position du curseur de la souris par rapport au bord gauche du document, en pixels.

Cette propriété est généralement utilisée avecevent.pageYLes propriétés sont utilisées ensemble.

Syntaxe :

event.pageX

Exemple

Affichage de la position du curseur de la souris par rapport aux bords gauche et supérieur du document :

$("document").mousemove(function(event){　
　　$("#output").text("pageX:　"　+　event.pageX　+　", pageY: "　+　event.pageY);
});

Changement de la position du DIV par rapport à la position du curseur de la souris :

$("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});
　　});
});

Valeur du paramètre

Événements de jQuery