27 - Información generada en un evento
Problema:
Recuperar los datos del evento onclick. Implementar una página que capture el clic del mouse dentro de un recuadro. Luego mostrar la coordenada x e y donde se presionó respecto a la ventana del navegador.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> <link rel="stylesheet" href="estilos.css"> </head> <body id="cuerpo"> <div id="recuadro" onclick="presionado(event)">Hacer clic dentro del recuadro.</div> <script src="funciones.js"></script> </body> </html>
#recuadro { margin: 0 auto; width: 400px; height: 400px; background-color: brown; }
function presionado(e) { alert('Coordenada x de la flecha del mouse:' + e.clientX + '\n' + 'Coordenada y de la flecha del mouse:' + e.clientY) }
No tiene disponible el navegador la capacidad de iframe
Retornar