如何检测/侦听悬停时添加到元素的类？

Question

我在悬停.show-dropdown 时向我的导航添加了一个类，我想在启动导航时禁用我的滚动。

突变观察者是做这件事的最好方法还是有点矫枉过正？

我想做一些简单的事情，比如

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

不幸的是，当悬停启动时，它永远不会被调用，我相信这是因为它只检查加载的类。

突变观察者是我最好的选择吗？ 还是应该只用它来监听 node/element 被添加到 dom 而不是类？

Answer 1

您可以通过订阅mouseover 事件来禁用滚动。

为了再次启用滚动，您还需要监听mouseleave 事件。当这些事件被触发时，重新启用滚动。

事件委托者将非常适合此操作，这样您就不必在一个地方处理所有事件。