:hoverJavaScript を使用して疑似クラスを要素に追加しようとしています。
.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 で完全に機能します。
問題は、 CSS ルールが Chrome または要素:hoverに適用されないことです。<div>
デモはこちらから入手できます：
PS答えてくれたRobWに感謝します。ドラッグアンドドロップ効果に使用するのはまだ少し見にくいと感じていますが、.hover残っている唯一の選択肢のようです.