javascript - js で css:hover イベントをトリガーする

Question

私が持っている<div class="animate">とcss：

div.animate:hover{
//do stuff
}

しかし、javascript を介してこれを呼び出すこともできます。

出来ますか？

score 4 · Accepted Answer

Trigger css hover with JSで説明されているように、これはそのままでは不可能です (この回答の作成時に正確に説明したとおりにしたい場合)。

しかし、主な目標は次の方法で達成できます。

CSS でクラスhover(または任意の名前) とセレクターを設定します。:hover
.addClass("hover")CSS をトリガーするための呼び出し、.trigger("hover")または.trigger("mouseenter")JS をトリガーするための呼び出し。
mouseleaveハンドラーの確保。または 2 番目.hover()のハンドラーで、hover存在する場合はクラスをクリアします。

score 1 · Accepted Answer

このようにする代わりに、他のタグにクラスを追加することをお勧めします。jQuery では次のようになります。

 $(window).load(function() {
    $('.trigger-animate').hover(function(){
        $('.animate').addClass('hover');
    });
}

onMouseOver と onMouseOut の両方を処理するため、このメソッドを使用することをお勧めします (この方法で、マウスが $('.trigger-animate') を離れたときにクラスを削除することもできます)。必要に応じて、次の構文を使用します。

.hover( handlerIn(eventObject), handlerOut(eventObject) )
 checking out the documentation

2 に答える 2