Home / Questions / 81702
Accepted
Eduardo Sebastian
Asked: 2020-06-27 12:19:19 +0800 CST 2020-06-27 12:19:19 +0800 CST

使用 `window.addEventListener` 和 `window.document.addEventListener` 有什么区别

  • 772

window.addEventListener使用和使用有什么区别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>

javascript

1 Answers

  1. Best Answer

    对于这种情况，没有区别。但也许这些链接对您更有用：https ://www.w3schools.com/jsref/obj_window.asp和https://www.w3schools.com/jsref/dom_obj_document.asp

    window他们在其中解释了和之间的区别document：

    文档

    它是应用程序的根组件，包括它在内的其他节点window都hijos来自它。因此，在将事件分配给文档时，它总是会捕获它。

    窗户

    它是一个代表窗口的组件，在示例中它也将捕获事件，因为它是应用程序中存在的唯一窗口。

    但是，如果您有多个窗口，它的行为可能会有所不同，这可以通过 tag 来实现iframe，它为您拥有的每个 iframe 创建一个窗口对象，在这种情况下，它只会捕获您选择的窗口的事件。

    欲了解更多信息https://www.w3schools.com/html/html_iframe.asp。

    还要澄清它window是一个全局变量，它有document作为成员，它是根节点

    • 6