我正在尝试:hover使用 JavaScript 将伪类添加到元素中。
我不想使用简单的.hover类，因为它显然是多余的，而且我希望是可以避免的。
这是我到目前为止所做的：
// creates a new mouseover event
var event = document.createEvent('MouseEvents');
event.initEvent('mouseover', true, false);
// applies this event to my HTML element
element.dispatchEvent(event);
如果元素是一个按钮，这个东西在 Firefox 中完美运行。
问题是，:hoverCSS 规则不适用于 Chrome 或<div>元素。
此处提供演示：
PS感谢RobW的回答。.hover我仍然觉得使用拖放效果有点难看，但似乎它是唯一的选择。