event.pageX es una propiedad incorporada en jQuery que se usa para encontrar la posición del puntero del mouse en relación con el borde izquierdo del documento .
Sintaxis:
event.pageX
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 relativa al borde izquierdo del documento.
Código jQuery para mostrar el funcionamiento de la propiedad event.pageX:
Código #1:
En el siguiente código, se muestra la posición superior izquierda del puntero del mouse.
<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("X= " + event.pageX);
});
});
</script>
</head>
<body>
<!-- top left position of the pointer will show here -->
<p>X 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 derecha del puntero del mouse.
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code o demonstrate the mouse pointer position -->
$(document).ready(function() {
$(document).mousemove(function(event) {
$("span").text("X= " + event.pageX);
});
});
</script>
</head>
<body>
<!-- top right corner position of the pointer will show here -->
<p>X 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