La propiedad MouseEvent pageX es una propiedad de solo lectura y se usa para devolver la coordenada horizontal del puntero del mouse cuando se activa un evento.
Sintaxis:
event.pageX
Valores devueltos: Devuelve un número que representa la coordenada horizontal del puntero del ratón en píxeles.
El siguiente programa ilustra la propiedad MouseEvent pageX:
Ejemplo: averiguar las coordenadas horizontales del puntero del mouse, cuando se hace clic con el botón del mouse en un elemento.
<!DOCTYPE html>
<html>
<head>
<title>MouseEvent pageX Property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>MouseEvent pageX Property Property</h2>
<p onclick="coord(event)">
Click somewhere in the paragraph to get
the x(horizontal) coordinates of the
mouse pointer when it was clicked.</p>
<p id="test"></p>
<script>
function coord(event) {
var x = event.pageX;
var coords = "X coordinates: " + x;
document.getElementById(
"test").innerHTML = coords;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón
Navegadores compatibles:
- Ópera
- explorador de Internet
- Google Chrome
- Firefox
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA