Javascript.addEventListener“；“鼠标器”；上课

第一次的海报，长期潜伏在这里。 我有一个HTML表格，其中有ID SalesList，我希望当鼠标悬停在表格上时，表格中的单元格以绿色突出显示。以下代码起作用：

var theParent = document.querySelector("#SalesList");
theParent.addEventListener("click", doSomething, false);

function doSomething(e) {
    if (e.target !== e.currentTarget) {
        e.target.style.backgroundColor = "green";
    }
    e.stopPropagation();
}

我在

我的问题是当我改变

theParent.addEventListener("click", doSomething, false);

到

它不符合我的要求。

---

我也尝试过MouseCenter和许多其他事件类型，而“单击”似乎是唯一有效的方法。

请不要使用JavaScript。这可以也应该与css一起使用。只需应用

：悬停

伪选择器

td：悬停{
颜色：绿色；
}

菠萝
$3.00 
面包
$2.00

请不要为此使用JavaScript。这可以也应该与css一起使用。只需应用

：悬停

伪选择器

td：悬停{
颜色：绿色；
}

菠萝
$3.00 
面包
$2.00

当鼠标指针移动到元素或其子元素上时，会发生onmouseover事件

当鼠标指针移动到元素上时，会发生OnMouseCenter事件

所以， 更改此项：

theParent.addEventListener("mouseenter", doSomething, false);

致：

---

当鼠标指针移动到元素或其子元素上时，会发生onmouseover事件

当鼠标指针移动到元素上时，会发生OnMouseCenter事件

所以， 更改此项：

theParent.addEventListener("mouseenter", doSomething, false);

致：

---

mouseenter

事件不会冒泡，因此

e.target

将始终与

e.currentTarget

相同，并且仅在输入绑定到的实际元素时才会激发。您可以使用

mouseover

来代替冒泡。如果不查看您的标记，就不知道这是否是最佳解决方案。也可以看到这一点，

mouseenter

事件不会冒泡，因此

e.target

将始终与

e.currentTarget

相同，只有在输入绑定到的实际元素时才会触发。您可以使用

mouseover

来获取冒泡。不知道这是不是最好的解决方案，不看你的标记。也看看这个谢谢Richard，我刚刚得出结论它需要js。我想我需要多关注一点。谢谢Richard，我刚刚得出结论它需要js。我想我需要多关注一点。

theParent.addEventListener("mouseover", doSomething, false);