html - HTML5拖放的dragover vs dragenter事件

Question

我想知道HTML5的dragover和dragenter事件的区别drag &drop .

我不清楚区别。

Answer 1

dragenter 事件在您将某些东西拖入目标元素时发生，然后停止。dragover 事件发生在你拖动某物直到你放下它的时候。

看这里:

$('.dropzone').on("dragover", function (event) {
    console.log('dragover');
});
$('.dropzone').on("dragenter", function (event) {
    console.log('dragenter');
});

现在看控制台:

如您所见，dragenter 发生一次(当您将元素拖入目标时)。

但是 dragover 事件每隔几百毫秒发生一次。

drag 和 dragstart 之间存在相同的区别，dragstart 发生一次，但拖动每隔几百毫秒发生一次。