La propiedad MouseEvent screenY es una propiedad de solo lectura y se usa para devolver la coordenada vertical del puntero del mouse cuando se activa un evento.
Sintaxis:
event.screenY
Valor devuelto: Devuelve un número que representa la coordenada vertical del puntero del ratón en píxeles.
El siguiente programa ilustra la propiedad MouseEvent screenY:
Ejemplo: averiguar las coordenadas horizontales del puntero del mouse, en relación con la pantalla, cuando se hace clic con el botón del mouse en un elemento.
HTML
<!DOCTYPE html>
<html>
<head>
<title>MouseEvent screenY Property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>MouseEvent screenY Property</h2>
<p onclick="coord(event)">
Click somewhere in the paragraph to get
the y(vertical) coordinates of the mouse pointer.
</p>
<p id="test"></p>
<script>
function coord(event) {
var y = event.screenY;
var coords = " Y coords: " + y;
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 12.1
- explorador de Internet 9
- Google cromo 1
- Borde 12
- Firefox 1.5
- safari de manzana 1
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