Добавляйте JavaScript-скрипт только в том случае, если класс находится при наведении

Question

У меня есть этот javascript, который выводит действие для элементов на class="link_mainhub"

<script>
const el = document.querySelector('.link_mainhub')
const fx = new TextScramble(el)

let counter = 0
const next = () => {
  fx.setText(phrases[counter]).then(() => {
    setTimeout(next, 800)
  })
  counter = (counter + 1) % phrases.length
}

next()
</script>

Однако я просто хочу запускать скрипт всякий раз, когда class="link_mainhub" находится при наведении.

Iпопытался изменить const el = document.querySelector('.link_mainhub') на const el = document.querySelector('.link_mainhub:hover'), но это не сработало.

Как я могу воспроизвести сценарий только тогда, когда мой класс находится в курсе?

Спасибо.

Answer 1

Почему бы не добавить eventListener of Mouseover к элементу. el.addEventListener('mouseOver', next)