ホバー上の要素に追加されるクラスを検出/聴取する方法は？

Question

ホバー上のナビゲーションにクラスを追加しました.show-dropdown、ナビゲーション開始時にスクロールを無効にしたいと思います。

突然変異観察者はこれを行う最善の方法ですか、それとも過剰ですか？私はホバーが開始されたとき、残念ながら、これはと呼ばれることは決してありません

if($('.show-dropdown').length > 0) { 
    window.disableOnScroll = 1; 
} 

のような単純な何かをしたい

は、私はそれが唯一のオンロードクラスにチェックしているので、それがあると信じています。

突然変異観察者は私の最善の賭けですか？または、クラスではなくDOMにnode/elementが追加されているのを聞くためにのみ使用する必要がありますか？

Answer 1

mouseoverイベントにサブスクライブすると、スクロールを無効にすることができます。

スクロールを再度有効にするには、mouseleaveイベントも聞く必要があります。これらのイベントが発生すると、スクロールを再度有効にします。

イベントデリゲータはこれに適しているため、すべてのイベントを1か所で処理する必要はありません。