Dragover против Dragenter событий HTML5 перетаскивания

Я хочу знать разницу между dragover и dragenter событиями в HTML5 drag & drop .

Мне не ясно о разнице.

15
задан vsync 19 October 2019 в 17:39
поделиться

1 ответ

dragenter:

dragenter событие является огнями только, когда при перетаскивании перемещаемого элемента, курсор входит область элемента DOM, который имеет ondragenter событие, присоединенное к нему.

dragover:

, С другой стороны, dragover событие запускается "постоянно" при перетаскивании перемещаемого элемента, и курсор, оказывается, чтобы быть на экране в области элемента DOM, где этот элемент DOM имеет ondragover событие, присоединенное к нему.

<час>

различие - то, что (при перетаскивании) то, когда курсор вводит дропзону, dragover, постоянно запускается (на перемещении мыши), в то время как dragenter только запущен однажды, когда курсор "вошел"

ДЕМОНСТРАЦИЯ:

function dragover(e) {
 console.log("drag over")
}

function dragenter(e) {
  console.log("drag enter!!!")
}
#target{
  width: 200px;
  height: 200px;
  background: lightyellow;
  border: 1px solid gold;
}

div[draggable]{
  width: 60px;
  height: 60px;
  background: red;
}
<div draggable="true">Drag Me</div>
<div id="target" ondragover="dragover(event)" ondragenter="dragenter(event)">Drop Zone</div>
0
ответ дан 1 December 2019 в 02:04
поделиться
Другие вопросы по тегам:

Похожие вопросы: