Tutoriel de base jQuery

Effets jQuery

Méthodes d'opération jQuery

jQuery Parcourir

jQuery Ajax

jQuery Divers

Manuel de référence de jQuery

Méthodes d'effets de jQuery Événements de jQuery

Attribut event.pageY de jQuery

Événements de jQuery

L'attribut event.pageY renvoie la position du curseur de la souris par rapport au sommet du document (marge supérieure) en pixels.

Cette propriété est généralement utilisée avecevent.pageXl'attribut ensemble.

Syntaxe :

event.pageY

Exemple

Afficher la position du curseur de la souris par rapport à la marge gauche et supérieure du document :

Exemple

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

Testez et voyez‹/›

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

Exemple

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

Testez et voyez‹/›

Valeur du paramètre

Paramètres	Description
event	LeÉvénementLes paramètres viennent de la fonction de liaison d'événement

Événements de jQuery

Méthodes d'effets de jQuery Événements de jQuery