Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Атрибут ondragleave



Определение и использование ondragleave

Атрибут ondragleave срабатывает, когда перетаскиваемый элемент или выделение текста оставляет допустимый целевой объект.

Атрибуты ondragenter и ondragleave могут помочь пользователю понять, что перетаскиваемый элемент собирается ввести или оставить целевой объект перетаскивания. Это можно сделать, например, установив цвет фона, когда перетаскиваемый элемент входит в целевой объект перетаскивания и удалив цвет, когда элемент перемещается из целевого объекта.

Чтобы узнать о перетаскивании, прочитайте наш учебник HTML Перетаскивание HTML5.

Совет: Ссылки и изображения перетаскиваются по умолчанию и не требуют атрибут draggable.

Существует множество атрибутов событий, которые используются и могут возникать на разных этапах операции перетаскивания:

  • События на переносимый элемент (исходный элемент):
    • ondragstart - срабатывает, когда пользователь начинает перетаскивать элемент
    • ondrag - срабатывает при перетаскивании элемента
    • ondragend - срабатывает, когда пользователь закончил перетаскивание элемента

  • События, запущенные на цели отбрасывания:
    • ondragenter - срабатывает, когда перетаскиваемый элемент попадает в цель перетаскивания
    • ondragover - срабатывает, когда тащили элемент за отбрасывания
    • ondragleave - срабатывает, когда перетаскиваемый элемент покидает цель перетаскивания
    • ondrop - срабатывает, когда перетаскиваемый элемент отбрасывается на цель отбрасывания


Применение ondragleave

Атрибут ondragleave является частью Атрибута Событий и может использоваться на следующих элементах:

Элемент Событие
Все элементы HTML ondragleave

Пример ondragleave

Пример Div

Выполнить JavaScript, когда перетаскиваемый элемент будет перемещен из приемника:

<div ondragleave="myFunction(event)"></div>
Попробуйте сами »

Поддержка браузеров ondragleave

Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут event.

Атрибуты Событий
ondragleave 4.0 9.0 3.5 6.0 12.0