javascript - 在 Firefox 中的链接上调度 'mouseover' 事件

Question

我一直在尝试在 Firefox 中调度事件并注意到在链接上调度 mouseover 事件不会导致其样式更改为 :hover 中定义的样式CSS 类。调度 click 事件会将链接样式更改为 :active。这种行为的任何原因或我在我的代码中做错了什么？

var myElement = document.getElementById("myLink");
var ev = document.createEvent("MouseEvents");
ev.initMouseEvent("mouseover", canBubble, cancelable, view, 
                     detail, screenX, screenY, clientX, clientY, 
                     ctrlKey, altKey, shiftKey, metaKey, 
                     button, relatedTarget);
myElement.dispatchEvent(ev);

如果事件类型是click，它将执行该事件并将ev的样式更改为:active伪类中定义的样式.

我正在尝试制作一个可以记录屏幕事件然后回放的脚本。

更新:发现DejaClick对于火狐。悬停在下拉菜单之类的东西上确实可以正常工作。

Answer 1

据我了解，您正在使用 java 脚本来更改布局/显示。为什么不让 CSS 来做所有的工作呢？如果可以，只需使用 :hover 类。但是，我假设您正在尝试完成一些非基于样式的事情。所以...也许你应该看看 jQuery 的 hover event .或者可能类似于 this .