javascript - jQuery addEventListener和mouseover仅触发一次

我有这个代码

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

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

}

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

谢谢

最佳答案

该代码似乎按编写方式工作：请尝试运行以下代码。
如果您提供更多背景信息，我们也许可以提供更有效的帮助。话虽如此，可能值得注意的是，当鼠标进入元素时，mouseover事件会触发，而当鼠标移到元素上时，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>