Tutorial #19 del curso de Jquery, en este tutorial seguimos viendo los eventos del ratón veremos ahora el evento mousemove(), realizaremos un ejemplo donde capturaremos en tiempo real las coordenadas del puntero del mouse con respecto a la ventana.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>evento mousemove</title>
<style type="text/css">
#cuadro{
width: 500px;
height: 500px;
border: 2px solid red;
}
</style>
</head>
<body>
<p id="x"></p>
<p id="y"></p>
<div id="cuadro"></div>
<script src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#cuadro').mousemove(function(event) {
$('#x').text('coordenada X: ' + event.clientX);
$('#y').text('coordenada Y: ' + event.clientY);
});
});
</script>
</body>
</html>