javascript - 为什么我们不能遍历 Event 对象的键？

问题描述

这是此问题的代码框。

我有一个 html 文档，正文有一个divid container。有一个带有源代码的脚本标签index.js。在后者中，我通过 id 获取 div，并为 click 事件添加事件侦听器。在处理程序中，我将 Object.keys 放在事件对象上，并 console.log 键。我只注销了一个键，第一个。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>Static Template</title>
  </head>
  <body>
    <div id="container">hello</div>
    <script type="text/javascript" src="./index.js"></script>
  </body>
</html>

// index.js

const div = document.getElementById("container");

div.addEventListener(
  "click",
  function(event) {
    console.log("Clicked div, bubbling phase", event);
    Object.keys(event).forEach(function(item) {
      console.log(item);
    });
  },
  false
);

点击 div 的结果是

这是怎么回事？为什么我看不到所有的钥匙？

标签： javascript

javascript - 为什么我们不能遍历 Event 对象的键？

问题描述

解决方案

推荐阅读