为什么不会正确镀铬这个鼠标悬停事件？

Question

我有一个非常简单的网页，其中包含一个我想在本地查看的javascript块 代码托管在本地apache服务器上（我不是直接从文件系统浏览文件） 例如我使用像

这样的本地网址查看代码

http://localhost/website_projects/app/

HTML

<a href="" id="whats-this-category"><sub>Whats this?</sub></a>

的Javascript

var el = document.getElementById('whats-this-category');
el.addEventListener('mouseover', function(event) {
    alert('event fired');
});

fiddle of this code

此代码在小提琴上正常运行（即使在使用chrome查看时），当使用firefox查看时，它在本地正常运行，但是当使用chrome查看本地时 - 只有在单击链接时才会触发鼠标悬停事件 - 不是鼠标悬停时 我知道chrome dev工具中存在或者存在一个错误，如果你打开开发工具窗口或者当你尝试直接从文件系统上的文件运行javascript时，mouseover就不会工作。不管怎样，chrome也不会工作。
不会正确运行这个鼠标悬停事件吗？