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 |