День добрый, первый раз на форуме, вопрос касательно js

[caest16]

https://www.statusdoors.com/ вот сайт, там идет скрипт класс dropdown находится в хедере каталог, не могу понять что не так делаю?

 document.addEventListener('mouseover', event => {
    if(event.target.classList.contains('dropdown')) {
      event.target.classList.add('dropdown-active')
    }
  
 });
 
 document.addEventListener('mouseout', event => {
  
    if(event.target.classList.contains('dropdown')) {
        setTimeout(() => event.target.classList.remove('dropdown-active'), 3000)
    }
  

 });

 

[esculapra]

почитай хотя бы тут https://puzzleweb.ru/javascript/element_addeventlistener.php

[nogocuHoBuk]

9 часов назад, caest16 сказал:

что не так делаю?

Ну внешне скрипт полностью рабочий. Вас интересует почему не работает именно у Вас?
Как минимум "оберните" его в DOMContentLoaded
 

document.addEventListener("DOMContentLoaded", function(event) { 
	document.addEventListener('mouseover', event => {
    	if(event.target.classList.contains('dropdown')) {
      		event.target.classList.add('dropdown-active')
    	}
  
 	});
 
 	document.addEventListener('mouseout', event => {  
    	if(event.target.classList.contains('dropdown')) {
        	setTimeout(() => event.target.classList.remove('dropdown-active'), 3000)
    	}
 	});
});

ну или в $(document).ready()
Ну и могу предположить что дело может быть в "этом":

Спойлер

Не факт, но мало ли...