Question

我在这里找到了几个搜索结果，但它们都是针对jQuery的，我看过的那对夫妇并不适用于我的情况。

这是一个小项目，到目前为止我已经避免使用jQuery了。我希望保持这样，不需要图书馆。

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

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

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

Answer 1

您可以定义名为＆＃39; open_trash＆＃39;的CSS类。并在那里设置打开垃圾的背景图像，然后你可以使用javascript来改变mousedown上拖动元素的类，如下所示

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

您可以将类名设置为空字符串或其他内容。