javascript - 如何在拖动时启动鼠标悬停事件

Question

当我将一个元素拖动到另一个有鼠标悬停事件的 div 上时，该事件不会触发。但是，如果我将鼠标悬停在其上而不进行拖动，它就会起作用。

如果我将另一个元素拖动到某个元素上，是否有办法检测该元素上的悬停事件？

Answer 1

在所有提出的答案中，我没有看到最简单和明显的答案(也许我在OP问题中遗漏了一些东西)。但是，如果有人后来偶然发现了这个，并且需要纯 JS 中的快速而简单的解决方案..

您可以通过更改元素 className ondragover 并更改回原始类 ondragleave

my_element.ondragover = function(ev) {  
 ev.preventDefault();  
 this.className = 'myElem_dragover';  
}  
my_element.ondragleave = function(ev) {  
 ev.preventDefault();  
 this.className = 'myElem_orig';  
}

CSS

.myElem_orig {     //this is your initial class for element
  top: 30px;
  left: 20px;
  .....
  background-color: blue;  
}  

.myElem_orig:hover {   //this is hover state, just changing bg color
  background-color: red;
}

.myElem_dragover { //new class, needs all attributes from original class
  top: 30px;
  left: 20px;
  ........ 
  background-color: red; //behaves the same like hover does
}

编辑:
忘了说了，你还需要带回原来的类ondrop，否则div将留在dragover类