我不明白如何使用addEventListener javascript

你好，我真的很想了解更多关于addEventListener的信息，有人能告诉我正确的方向吗，我想获得更多关于什么类型的参数可以传递到函数的信息，参数是他们的网站还是链接，我可以查看所有可用的javascript函数，并告诉我参数是什么。在下面的示例中，调用了eventOne.addEventListener（），但是这段代码被带到了其他地方，我不确定为什么参数会被传递到参数中，为什么函数没有给出名称

var eventOne = document.querySelector("h1")

eventOne.addEventListener("mouseover", function () {
    eventOne.textContent = 'mouse over'
})

---

让我简单地解释一下。。。在我要求你们简单地“谷歌一下”并开始阅读之前

“当事情发生时”，例如当鼠标指针移到某物上时，一个“事件”被发送到它发生在某物上。。。它从那里“冒出气泡”。当然，你无法预测这些事件何时发生，但你可以“倾听”它们

当一个事件被“监听”时，所发生的是指定的

函数（）

将在此时被调用，并带有各种可选参数。（此外，还有一些额外的“JavaScript巫术”——谷歌术语“闭包”。）

因此，当鼠标经过该对象时，此时将调用指定的函数，它将更改

textContent

，如图所示

---

现在。。。“去谷歌土地！”互联网上有成千上万的文章，比我解释得更好。（请允许我推荐：“w3schools.com.”在那里，你可以“尝试一下！”

只要你与浏览器窗口交互，就会触发事件。

addEventListener

方法侦听您告诉它的任何事件。这个方法背后的想法基本上是告诉浏览器：嘿，当这个元素发生这种情况时，请执行下面的代码

下面是一个你能听到的所有事件的例子

addEventListener

方法采用两个参数：

第一个参数是您要侦听的事件。代码示例侦听

mouseover

事件。根据事件引用，当指向设备移动到已连接侦听器的元素或其子元素上时，此事件将触发。

第二个参数是回调函数。这是在DOM元素上触发事件时将执行的函数

以下是一个更常见的示例：

const heading=document.querySelector（'h1'）；
heading.addEventListener（'click'，函数（）{
log（“我已经单击了h1标记”）
})

---

当某些事件发生时，您可以使用此策略在代码中实现逻辑。它非常强大。

我认为Mozilla开发者网络相当不错！=。就像火腿对仓鼠一样。