我试图用Javascript处理鼠标悬停事件，但遇到了一些问题

我想我的身体div的背景改变为一个不同的图像，因为每个链接是悬停在上面。以下是我的代码，其中第一个链接旁边的链接部分被删除，作为示例：

JAVASCRIPT:

var i = 0,
    anchors = document.querySelectorAll("zoom"),
    background = document.getElementById("body");

function backgroundChange() {
    "use strict";

    window.console.log("hey");

    if (event.target.id === "4Mo3We2Days") {
        background.style.background = "url('../Images/movies/4Mo3We2Days.png')";
    ...
    other specific ids
    ...
    }
}

function backgroundRemove() {
    "use strict";

    background.style.backgroundImage = "none";
}

for (i = 0; i < anchors.length; i += 1) {
    anchors[i].addEventListener("mouseover", backgroundChange, false);
    anchors[i].addEventListener("mouseout", backgroundRemove, false);
    window.console.log("yo");
}

我添加的听众对吗？如何从我定义的函数中知道导致事件发生的元素是什么？event.target.id是否正确

我尝试了一些方法，但找到了很多方法。我不想使用jQuery，因为我正在尝试学习基本javascript。如果您觉得这更适合jQuery，请告诉我原因。非常感谢您的帮助。谢谢

---

另一个附带的问题，我只想回答，如果你知道你的头顶：我想风格的背景图像，我使用的所有有一个白色的圆形渐晕，使腰带进入背景。我还想更改所有图像的alpha。这又一次不是我的主要问题，可以忽略

您没有正确选择锚定。由于目标是类，因此需要在缩放之前添加点：

anchors = document.querySelectorAll(".zoom"),

其次，您需要传递

事件

参数以支持IE以外的浏览器：

function backgroundChange(event) {

---

最大的问题是您的

queryselectoral（“zoom”）

，因为您正在查找类，所以它必须是

queryselectoral（“.zoom”）

。因此，您从未成功地访问任何要连接到事件处理程序的链接

您还有一些无效的HTML（

**请注意，这些都是为电台编写的，是为了大声朗读。
有很多打字错误和奇怪的东西要读。如果你愿意，
请留下评论，以便我可以修复它！

&emsp；-杰克·温特斯

请显示所有相关代码，包括HTML和CSS。您当然可以查看

event.target.id

，也可以（更简单）检查

this.id

，但问题是你这样做的目的是什么？@ScottMarcus这两者之间有什么区别。我知道这是一个隐式参数，但我不确定该参数是如何根据特定事件设置的。没有区别。但是，这是一个有点冗长的答案。请参阅并向下滚动到我的答案关于这个如何工作的细节的探索。@ScottMarcus我添加的代码有没有澄清？

anchors = document.querySelectorAll(".zoom"),

function backgroundChange(event) {