event.pageY es una propiedad incorporada en jQuery que se usa para encontrar la posición del puntero del mouse en relación con el borde superior del documento. Sintaxis:
event.pageY
Parámetro: No acepta ningún parámetro porque es una propiedad no una función.
Valor devuelto: Devuelve la posición del puntero del ratón en relación con el borde superior del documento.
Código jQuery para mostrar el funcionamiento de la propiedad event.pageY:
Código #1: En el siguiente código, se muestra la posición inferior izquierda del puntero del mouse.
html
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to demonstrate the x-coordinate of mouse pointer -->
$(document).ready(function() {
$(document).mousemove(function(event) {
$("span").text(event.pageY);
});
});
</script>
</head>
<body>
<!-- bottom left position of the pointer will show here -->
<p>Y co-ordinate position of the mouse-pointer is : <span></span></p>
</body>
</html>
Producción:
Código #2: En el siguiente código, se muestra la posición de la esquina superior izquierda del puntero del mouse.
html
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to demonstrate the mouse pointer position -->
$(document).ready(function() {
$(document).mousemove(function(event) {
$("span").text(event.pageY);
});
});
</script>
</head>
<body>
<!-- top left position of the pointer will show here -->
<p>Y co-ordinate position of the mouse-pointer is : <span></span></p>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA