javascript - Jquery addEventListener 和 mouseover 仅触发一次

Question

我有这个代码

var $els = document.querySelectorAll('#site-nav a');
for(i = 0; i < $els.length; i++) {

        $els[i].addEventListener('mouseover', function() {
            console.log('yessss');
        });

}

当用鼠标悬停该元素时，我可以在控制台中看到该消息，但只是第一次。我做错了什么吗？

谢谢

Answer 1

此代码似乎按编写的方式工作:尝试运行下面的代码。 如果您提供更多背景信息，我们也许能够更有效地提供帮助。话虽如此，值得注意的是，mouseover 事件在鼠标进入元素时触发，而在鼠标悬停在元素上方时不会持续触发。

var $els = document.querySelectorAll('#site-nav a');
for(i = 0; i < $els.length; i++) {

        $els[i].addEventListener('mouseover', function() {
            console.log('yessss');
        });

}

<div id="site-nav"><a>Some link</a></div>