javascript - 在 Javascript 中删除活动类“classList.remove”

Question

panel-s-c-3我有在鼠标悬停时将类添加到 div 的 javascript 代码。因此，如果我悬停该项目，它将添加 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");
    });
}

标签： javascript

Answer 1

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

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

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