Autor Tema: Objeto Event, posición del cursor window.onload = function JavaScript CU01160E (Leído 1819 veces)

mouportador10 · « **en:** 18 de Febrero 2017, 02:23 »

Mi propuesta a la solución del ejercicio propuesto CU01160E del manual de programación web desde cero.

<!DOCTYPE html>
<html>
<head>
<title>Objetc Event</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
	div{width: 500px; height: 400px; border: 1px solid;}
</style>
</head>
<body>
	<h1>Posición x: 0 - Posición y: 0</h1>
	<div>
		
	</div>
	<script type="text/javascript" >
		window.onload = function () {
		var nodoDiv = document.getElementsByTagName("div")[0];		
		nodoDiv.addEventListener("mousemove", mover)
		}
		function mover(eventoMove) {
			var cX = eventoMove.clientX;
			var cY = eventoMove.clientY;
			document.querySelector("h1").innerHTML = "Posición x: " + cX + " - Posición y: " + cY;
		}
	</script>
</body>
</html>

pedro,, · « **Respuesta #1 en:** 18 de Febrero 2017, 15:46 »

Buenas mouportador10.

Todo bien.

Saludos.

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

Noticias:

Autor Tema: Objeto Event, posición del cursor window.onload = function JavaScript CU01160E (Leído 1819 veces)

mouportador10

Objeto Event, posición del cursor window.onload = function JavaScript CU01160E

pedro,,

Re:Objeto Event, posición del cursor CU01160E

Preguntas y respuestas

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

Noticias:

Autor Tema: Objeto Event, posición del cursor window.onload = function JavaScript CU01160E (Leído 1819 veces)

mouportador10

Objeto Event, posición del cursor window.onload = function JavaScript CU01160E

pedro,,

Re:Objeto Event, posición del cursor CU01160E

Preguntas y respuestas

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