Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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>
-
Buenas mouportador10.
Todo bien.
Saludos. ;D