Safari、Edge 和 IE 上的 mouseenter 和 mouseleave

Question

我寫了一個js代碼來觸發地圖區域上的mouseenter和mouseleave。 它適用於 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

我用“mouseover”和“mouseout”替換了“mouseenter”和“mouseleave”，它在每個瀏覽器中都能正常工作。