mouseenter и mouseleave на сафари, краю и IE

Question

Я написал js-код, чтобы вызвать указатель мыши и отпуск мышью в областях карты. Он отлично работает в Chrome и Firefox, но не в Safari, Edge или IE.

Я действительно не могу понять, почему.

Вот мой JavaScript:

var areas = document.getElementsByTagName('area');

// set event listener for all objects
for (var i = 0; i < areas.length; i++) {
    areas[i].addEventListener('mouseenter', inArea);
    areas[i].addEventListener('mouseleave', outArea);
}

// On mouse enter
function inArea() {
    console.log('mouseenter');
}

// On mouse leave
function outArea() {
    console.log('mouseleave');
}

Вы можете поиграть с ним здесь: https://codepen.io/fantomette/pen/pVdLwM

Что не так с этим кодом? Или, может быть, вы знаете другой способ сделать это?

Спасибо.

Answer 1

Я заменил «mouseenter» и «mouseleave» на «mouseover» и «mouseout», и он отлично работает во всех браузерах.