javascript - 如何在 html 中使用纯 javascript 切换类

Question

我有一个 <div> ，我想在悬停时切换它的类。

这是我的代码:

function a(){
    this.classList.toggle('first');
    this.classList.toggle('sec');
}
document.querySelector('#container').addEventListener('click', a );

我知道我的 html 或 css 没有问题。只是我必须改变并用一些东西代替 click ，但我不知道是什么。

请帮忙!!

Answer 1

悬停事件称为“mouseenter”而不是“click”。

<script type="text/javascript">
    function a(){
        this.classList.toggle('first');
        this.classList.toggle('sec');
    }
    document.querySelector('#container').addEventListener('mouseenter', a )
    document.querySelector('#container').addEventListener('mouseleave', a )
</script>