31 - Evento onmousemove
Problema:
Capturar el evento onmousemove a nivel de la marca 'html' es decir que se dispara cada vez que desplazamos el mouse dentro de la página. Mostrar la coordenada donde se encuentra la flecha del mouse.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es" id="region" onmousemove="mover(event)"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <p id="corx">coordenada x=</p> <p id="cory">coordenada y=</p> <script src="funciones.js "></script> </body> </html>
function mover(e) { let corx = document.getElementById('corx') let cory = document.getElementById('cory') corx.innerText = 'coordenada x=' + e.clientX cory.innerText = 'coordenada y=' + e.clientY }
No tiene disponible el navegador la capacidad de iframe
Retornar