6

Cual es la diferencia entre usar window.addEventListener y window.document.addEventListener

window.addEventListener("keydown", function(k){

if(k.altKey) {
alert("Solamente window.addEventListener: Tecla [ALT] PRESIONADA");
}
else {
alert("Solamente window.addEventListener: Tecla [ALT], NO PRESIONADA");
}

}, false);


window.document.addEventListener("keydown", function(k){

if(k.altKey) {
alert("Con window.document.addEventListener: Tecla [ALT] PRESIONADA");
}
else {
alert("Con window.document.addEventListener: Tecla [ALT], NO PRESIONADA");
}

}, false);
<html>
<body>
</body>
</html>

2

1 respuesta 1

7

Para este caso no hay ninguna diferencia. Pero quizas te sean mas utiles estos links: https://www.w3schools.com/jsref/obj_window.asp y https://www.w3schools.com/jsref/dom_obj_document.asp

En el te explican la diferencia de window y document:

Document

Es el componente raiz de la aplicacion, y los demas nodos incluyendo window son hijos de este. Por lo que al asignarle un evento al document va a capturarlo siempre.

Window

Es un componente que representa a la ventana, en el ejemplo tambien capturaria el evento pues es la unica ventana que existe en la aplicacion.

Pero puede comportarse de forma distinta si se tienen varias ventanas, lo cual se puede lograr con el tag iframe, el cual crea un objeto ventana para cada iframe que tengas, en este caso solo capturaria el evento de la ventana que tengas seleccionada.

Para mas informacion https://www.w3schools.com/html/html_iframe.asp.

Tambien aclarar que window es una variable global, que tiene como miembro document, que es el nodo raiz

1
  • gracias ! voy a leer mas :)
    – ESCM
    Commented el 27 jun. 2017 a las 1:31

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.