--- title: event.layerX slug: Web/API/UIEvent/layerX tags: - API - DOM - Propriété - Reference - UIEvent - lecture seule translation_of: Web/API/UIEvent/layerX --- {{APIRef("DOM Events")}} {{Non-standard_header}} La propriété en lecture seule **`UIEvent.layerX`** retourne la coordonnée horizontale de l'évènement relativement à la couche en cours. Cette propriété prend en compte le défilement de la page, et retourne une valeur relative à l'ensemble du document, à moins que l'évènement ne se soit produit à l'intérieur d'un élément positionné, auquel cas la valeur retournée est relative au coin supérieur gauche de l'élément positionné. ## **Syntaxe** var posx = event.layerX - *`posx`* est une valeur entière en pixels pour la coordonnée x du pointeur de la souris, lorsque l'évènement souris est déclenché. ## **Exemples** ```html Exemple pageX\pageY & layerX\layerY

Pour afficher les coordonnées de la souris, veuillez cliquer quelque part sur la page.

Cette div n'est pas positionnée : cliquer dedans renverra des valeurs layerX/layerY identiques à celles de pageX/PageY.
Cette div est positionnée : cliquer dedans renverra des valeurs layerX/layerY relatives à son coin supérieur. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page. Un peu de défilement ! C'est un div positionné : le clic renverra des valeurs layerX/layerY relative à son coin supérieur gauche. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.
Id de l'élément parent :
pageX: pageY:
layerX: layerY:
``` ## Spécifications _Cette propriété ne fait partie d'aucune spécification._ ## Compatibilité des navigateurs {{Compat("api.UIEvent.layerX")}}