Exercici 6 Events
De wikiserver
La revisió el 19:27, 13 gen 2014 per Asalinas (Discussió | contribucions) (Es crea la pàgina amb «Solució Javascript: <pre> function handler(evento){ var e = evento || window.event; var div_html = document.getElementById("dades"); var html = ""; switch(evento.t…».)
Solució Javascript:
function handler(evento){
var e = evento || window.event;
var div_html = document.getElementById("dades");
var html = "";
switch(evento.type){
case "mousemove":
div_html.style.backgroundColor = "#FFF";
var posRelX = e.clientX || e.pageX;
var posRelY = e.clientY || e.pageY;
html = "<h1>RATON</h1><p>Navegador[" + posRelX + "," + posRelY + "]";
var posAbsX = posRelX + (document.documentElement.scrollLeft || document.body.scrollLeft);
var posAbsY = posRelY + (document.documentElement.scrollTop || document.body.scrollTop);
html = html + "</p><p>Pagina[" + posAbsX + "," + posAbsY + "]</p>";
break;
case "keypress":
div_html.style.backgroundColor = "#CCE6FF";
var codigo = (evento.keyCode||evento.which);
var c = String.fromCharCode(codigo);
html = "<h1>TECLADO</h1><p>Caracter[" + c + "]";
html = html + "</p><p>Codigo[" + codigo + "]</p>";
break;
case "click":
div_html.style.backgroundColor = "#FFFFCC";
html = div_html.innerHTML;
}
div_html.innerHTML = html;
}
window.onmousemove = handler;
window.onkeypress = handler;
window.onclick = handler;
Fitxer Html:
<HTML> <HEAD> <TITLE> EXERCICI 6 </TITLE> <script src="exercici1.js"></script> </HEAD> <body> <div id="dades"></div> </body> </HTML>
