пример
Выполнение JavaScript, когда перетаскиваемый элемент входит в цель снижения:
<div ondragenter="myFunction(event)"></div> Попробуй сам " Определение и использование
ondragenter пожаров приписывают когда перетаскиваемый элемент или выделение текста входит в действующую цель снижения.
OnDragEnter и OnDragLeave события могут помочь пользователю понять, что перетаскиваемый элемент собирается ввести или оставить цель снижения. Это может быть сделано с помощью, например, установив цвет фона, когда перетаскиваемыми элемент входит перетаскивания, например, и удаления цвета, когда элемент перемещается из мишени.
Перетащите является очень распространенной особенностью в HTML5. Это когда вы "захватить" объект и перетащить его в другое место. Для получения дополнительной информации см наш Учебник HTML на HTML5 перетаскивания .
Примечание: Для того, чтобы элемент перетаскиваемыми, использовать глобальный HTML5 draggable атрибут.
Совет: Ссылки и изображения являются перетаскиваемыми по умолчанию, и не нужен draggable атрибут.
Есть много атрибутов событий, которые используются, и может происходить в различных стадиях операции перетаскивания:
- События открыли огонь по перетаскиваемом мишени (источник элемента):
- ondragstart - срабатывает , когда пользователь начинает перетаскивать элемент
- ondrag - срабатывает , когда элемент перетаскивается
- ondragend - пожары , когда пользователь закончил перетащив элемент
- События открыли огонь по цели падения:
- ondragenter - пожары , когда тащили элемент вступает цель снижения
- ondragover - пожары , когда тащили элемент находится над целевым объектом перетаскивания
- ondragleave - пожары , когда тащили элемент покидает цель снижения
- ondrop - пожары , когда тащили элемент сброшена на цель перетаскивания
Поддержка браузеров
Числа в таблице указать первую версию браузера , которая полностью поддерживает event атрибут.
| Атрибут события | |||||
|---|---|---|---|---|---|
| ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Отличия между HTML 4.01 и HTML5
ondragenter атрибут является новым в HTML5.
Синтаксис
<elementondragenter=" script ">
значения атрибутов
| Стоимость | Описание |
|---|---|
| script | Сценарий будет работать на OnDragEnter |
Технические подробности
| Поддерживаемые HTML-теги: | ВСЕ HTML элементы |
|---|
Похожие страницы
Учебник HTML: HTML5 перетаскивания
HTML Ссылка: перетаскиваемыми HTML Атрибут
HTML DOM Ссылка: OnDragEnter событие