dragenter

Обновлено: 22.03.2023

Визначення та використання

Подія ondragenterвиникає, коли виділення, яке можна перетягнути, потрапляє в ціль відкидання .

Події ondragenterта ondragleaveможуть допомогти користувачеві краще зрозуміти, коли перетягуваний переміщується над цільовим пунктом. Наприклад, установивши колір фону, коли елемент, який можна перетягувати, потрапляє в ціль відкидання, і видаливши колір, коли елемент переміщується з цільового поля.

Перетягування є загальною функцією HTML. Це коли ви "захоплюєте" об'єкт і перетягуєте його в інше місце.

Щоб зробити елемент перетягуваним, використовуйте атрибут draggable .

Посилання та зображення за замовчуванням можна перетягувати, і атрибут draggable не потрібен.

Багато подій відбуваються на різних етапах операції перетягування (див. нижче):


Приклад

Виклик функції, коли елемент, який можна перетягувати, потрапляє в ціль скидання:

<div ondragenter="myFunction(event)"></div>

Синтаксис

У HTML:
<element ondragenter="myScript"

У JavaScript:
object.ondragenter = function(){myScript}

У JavaScript за допомогою методу addEventListener():

object.addEventListener("dragenter", myScript);

Технічні деталі

Бульбашки:Так
Скасовано:Так
Тип події:DragEvent
Теги HTML:Усі елементи HTML
Версія DOM:Події рівня 3


Підтримка браузера

dragenter

Посмотреть совместимость на Can I use?

dragenter