Определять, когда перетаскиваемый элемент перетаскивается из окна. document.ondragleave()?

#javascript #drag-and-drop #mouseevent #addeventlistener #drag-event

#javascript #перетаскивание #mouseevent #addeventlistener #перетаскивание-событие

Вопрос:

Я пытаюсь определить, когда HTML-элемент перетаскивается из документа и из окна. Однако dragleave событие всплывает, поэтому document.documentElement.ondragleave запускается с каждым элементом, который перетаскивание оставляет на своем пути к краю страницы. Также кажется, что последним элементом, который запускается dragleave , является вложенный элемент, который граничит со страницей, а не document сам.

У кого-нибудь есть идеи, как это решить?

В отличие, mouseleave

 document.documentElement.addEventListener('mouseleave', (e) => {console.log(e)})
  

отлично работает и делает именно то, что мне нужно.

но

 document.documentElement.addEventListener('dragleave', (e) => {console.log(e)})
  

запускается для каждого подэлемента … и никогда не запускается для самого documentElement себя.

Что я упускаю?

Ответ №1:

document.addEventListener('dragleave', (e) => {console.log(e)})