MouseEvent pageX Property

Exemple

Délivrer en sortie les coordonnées du pointeur de la souris quand le bouton de la souris est cliqué sur un élément:

var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

Pourrait être le résultat de coor:

X coords: 162, Y coords: 40

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

La propriété pageX retourne coordonnée horizontale (selon le document) du pointeur de la souris lors d'un événement de la souris a été déclenchée.

Le document est la page Web.

Astuce: Pour obtenir la coordonnée verticale (selon le document) du pointeur de la souris, utilisez la pageY propriété.

Note: Cette propriété est en lecture seule.

Note: Cette propriété est non standard, mais fonctionne dans la plupart des principaux navigateurs.

Support du navigateur

Propriété
pageX	Oui	12,0	Oui	Oui	Oui

Syntaxe

event .pageX

Détails techniques

Valeur de retour:	Un nombre, qui représente la coordonnée horizontale du pointeur de la souris, en pixels
DOM Version:	Aucun

autres exemples

Exemple

Délivrer en sortie les coordonnées du pointeur de la souris alors que le pointeur de la souris se déplace sur un élément:

var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Essayez vous - même »

Exemple

Une démonstration des différences entre clientX et clientY et screenX et screenY:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

Essayez vous - même »