Autor Tema: JavaScript Código para visualizar coordenadas del ratón en pantalla CU01160E (Leído 2217 veces)

JuansT · « **en:** 21 de Febrero 2017, 19:03 »

Buenas, aquí mi código:

<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<style>
#area{
width:500px;
height:400px;
position: relative;
}
</style>
<script type="text/javascript">
function start(){
	document.getElementById('area').addEventListener('mouseout', function(){
	document.getElementById('x').innerHTML = '-';
	document.getElementById('y').innerHTML = '-';
	});
}
function getCoordenadas(event){
	var area = document.getElementById('area');
	 
	document.getElementById('x').innerHTML = event.pageX;
	document.getElementById('y').innerHTML = event.pageY;
}
</script>
</head>
<body onload="start()">
<h1>Posición x: <span id="x">-</span> Posición y: <span id="y">-</span></h1>
<div id="area" onmousemove="getCoordenadas(event)"></div>
</body>
</html>

bermartinv · « **Respuesta #1 en:** 24 de Febrero 2017, 10:58 »

Bien resuelto

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: JavaScript Código para visualizar coordenadas del ratón en pantalla CU01160E (Leído 2217 veces)

JuansT

JavaScript Código para visualizar coordenadas del ratón en pantalla CU01160E

bermartinv

Re:JavaScript. Objeto event. CU01160E

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: JavaScript Código para visualizar coordenadas del ratón en pantalla CU01160E (Leído 2217 veces)

JuansT

JavaScript Código para visualizar coordenadas del ratón en pantalla CU01160E

bermartinv

Re:JavaScript. Objeto event. CU01160E

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación