删除活动类“；classList.remove"；在Javascript中

我有javascript代码，它将类添加到鼠标上方的div

panel-s-c-3

。因此，如果我将该项悬停，它将添加class

active-s-c-cardexp

。我需要在离开项目区域后删除该类。这就是我所拥有的。我很乐意接受任何建议

const panels2 = document.querySelectorAll(".panel-s-c-3");

panels2.forEach((panel2) => {
    panel2.addEventListener("mouseover", () => {
        removeActiveclasses2();
        panel2.classList.add("active-s-c-cardexp");
    });
});

function removeActiveclasses2() {
    panels2.forEach((panel2) => {
        panel2.classList.remove("active-s-c-cardexp");
    });
}

---

您可以在mouseleave事件中删除活动类，如下所示：

panel2.addEventListener("mouseover", () => {
  panel2.classList.add("active-s-c-cardexp");
});

panel2.addEventListener("mouseleave", () => {
  removeActiveclasses2();
});

---

您可以在mouseleave事件中删除活动类，如下所示：

panel2.addEventListener("mouseover", () => {
  panel2.classList.add("active-s-c-cardexp");
});

panel2.addEventListener("mouseleave", () => {
  removeActiveclasses2();
});

---

您可以尝试使用mouseenter添加类

active-s-c-cardexp

，然后使用mouseleave删除类

您可以尝试使用mouseenter添加类

active-s-c-cardexp

，然后使用mouseleave删除类

为什么不使用css

panel-s-c-3:悬停

，然后定义正确的活动元素样式问题。。这是一个扩展卡，我需要它以这种方式工作，否则我当然会使用hover..为什么不使用css

panel-s-c-3:hover

然后定义活动元素的样式这是正确的问题。。这是一个扩展卡，我需要它以这种方式工作，否则我当然会使用hover。。