将元素拖到另一个元素上时的Html/JavaScript事件

将元素拖到另一个元素上时的Html/JavaScript事件,javascript,jquery,html,angular,Javascript,Jquery,Html,Angular,我有一个HTML网格,当元素A拖到另一个元素B上时,我想重新排列网格中的元素A和B。这应该在删除元素之前发生 当在元素B上拖动元素A时,是否可以在元素B上捕获事件? 我不想等到用户删除元素,我需要在拖动元素时重新排列它。这就是事件 ondragstart=e=>e.dataTransfer.setData('text',''); //输入超过#目标时设置类 target.ondragenter=e=>target.classList.add('draghover'); //离开时搬走 targ

我有一个HTML网格,当元素A拖到另一个元素B上时,我想重新排列网格中的元素A和B。这应该在删除元素之前发生

当在元素B上拖动元素A时,是否可以在元素B上捕获事件? 我不想等到用户删除元素,我需要在拖动元素时重新排列它。

这就是事件

ondragstart=e=>e.dataTransfer.setData('text','');
//输入超过#目标时设置类
target.ondragenter=e=>target.classList.add('draghover');
//离开时搬走
target.ondragleeve=e=>target.classList.remove('draghover')
#目标{
宽度:250px;
高度:250px;
边框:1px实心;
}
#塔吉特·德拉戈弗{
背景:#CCC;
}
将我拖过目标
是的,在拖动元素时会触发事件处理程序。如果您想在拖动操作的最开始触发函数,还有事件处理程序


如果您想在将元素拖到元素上(而不是拖到元素上)时捕获,则当元素拖到元素中时,会触发一次,当元素拖到元素上时,会重复触发。

ondragenter。。。。