javascript - 强制元素为 :hover with JavaScript when dragging an element over it. 否 jQuery

Question

我在这里找到了一些搜索结果，但它们都是针对 jQuery 的，而我查看的那对搜索结果并不适用于我的情况。

这是一个小元素，到目前为止我一直避免使用 jQuery。我想保持这种状态，因为不需要图书馆。

基本上，我正在拖一个 <article>元素到 <div>元素。 div 具有 background-image一个封闭的垃圾桶。在 CSS 中，它设置为在 :hover 时显示相同但打开的垃圾箱。被触发。

现在，当我将文章元素拉到 div 时，:hover没有触发效果。我该怎么做？

所有必需的元素都已设置draggable并且已添加所需的事件监听器，Console.log 确认它们正常工作。

Answer 1

您可以定义一个名为“open_trash”的 CSS 类，并在那里设置打开的垃圾桶的背景图像，然后您可以使用 javascript 像这样更改鼠标按下时拖动元素的类

document.getElementById("draggedItem").className = "open_trash";

您可以在鼠标按下时将类名设置为空字符串或其他内容。