Question

请告诉此处通过函数

传递的事件

<script>
var modal = document.getElementById('id01');
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>

Answer 1

创建onClick处理程序时，每次在window对象上触发“点击”事件时，都会调用该处理程序。传递给onClick处理程序的参数是“ click”事件本身。这是"Event" object的一种。

https://developer.mozilla.org/en-US/docs/Web/Events/click

在单个元素上按下并释放定点设备按钮（通常是鼠标的主按钮）时，将触发click事件。

对象本身将包含有关已触发事件的一些信息，例如，在您的代码中，您正在检查event.target-该对象将包含为target of the event的元素（又名：where它来自）。

Answer 2

event是您的onclick传递给您定义为function处理程序的onclick的参数。

DOM中的所有事件对象都基于事件对象。

因此，所有其他事件对象（如MouseEvent和KeyboardEvent）   可以访问事件对象的属性和方法。

Source。

您可以通过将函数临时修改为来查看其属性

<script>
var modal = document.getElementById('id01');
window.onclick = function(event) {
    console.log(event);
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>

，然后单击具有id的{{1}}的标记，您将在浏览器的开发工具中的控制台中看到该对象。

通过JavaScript中的函数传递的事件是什么

2 个答案: