想知道html5拖放的dragover和dragenter事件的区别

前端之家收集整理的这篇文章主要介绍了想知道html5拖放的dragover和dragenter事件的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道 html5拖放的dragover和dragenter事件的区别.我不清楚这种差异.

解决方法

这很简单,
dragenter事件发生在您将某些内容拖入目标元素的那一刻,然后它就会停止.
dragover事件发生在你拖动东西的时候,直到你丢弃它为止.

看这里:

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

现在看到控制台:

正如您所看到的,dragenter发生一次(当您将元素拖入目标时).

但是,每隔几百毫秒就会发生一次事件.

drag和dragstart之间存在相同的差异,dragstart发生一次,但每隔几百毫秒就会发生一次拖拽.

原文链接:https://www.f2er.com/html5/168339.html

猜你在找的HTML5相关文章