Как остановить всплывающее событие для событий mouseover / mouseout в Inte rnet Explorer 10? - PullRequest
0 голосов
/ 21 марта 2020

Итак, я ударился головой о стол из-за этой задачи ... У меня есть панель навигации, которая выглядит следующим образом:

<nav class="headerNavbar" id="headerNavbarPertinent">
            ...
            <div class="navbarElement" data-forCyclicAssignment="resources">
                <span>Resources</span><div class="arrow-down"></div>
            </div>
</nav>

В ней есть определенное количество таких элементов, представляющих части Навбар. Существует JavaScript, который добавляет прослушиватели событий в элементы div с именем navbarElement:

Array.prototype.forEach.call(navbarElements,function(node){
    if (Number(node.getAttribute('data-bypassCyclicAssignment'))!==1) {
        node.addEventListener('mouseover',mouseOverHandler)
        node.addEventListener('mouseout',mouseOutHandler)
    } 
});

Однако в Inte rnet Explorer 10 НЕ КАЖДЫЙ ВРЕМЯ, но, возможно, каждые 4 или 5 раз, event.target - это не элемент, а родитель (элемент NAV). Я пытался использовать как stopPropagation (), так и для установки cancelBubble равным true, чтобы безуспешно остановить восходящее распространение. Что может происходить?

...