Логотип 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 Событие атрибута ondragover


Пример

Выполните JavaScript, когда элемент перетаскивается через объект перетаскивания:

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


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

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

По умолчанию, данные элементы не могут быть удалены другими элементами. Чтобы разрешить отбрасывание, вы должны предотвратить обработку элемента по умолчанию. Это делается путем вызова event.preventDefault() метод для атрибута ondragover.

Перетаскивание очень распространенная функция в HTML5. Это когда вы "захватываете" объект и перетаскиваете его в другое место. Для получения дополнительной информации см. наш учебник по HTML Перетаскивание HTML5.

Примечание: Чтобы сделать элемент перетаскиваемым, используйте глобальный атрибут draggable HTML5.

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

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

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

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

Примечание: При перетаскивании элемента событие ondragover срабатывает каждые 350 миллисекунд.


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

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

Событие атрибута
ondragover 4.0 9.0 3.5 6.0 12.0

Синтаксис ondragover

<Элемент ondragover="script">

Значение атрибута ondragover

Значение Описание
script Скрипт должен быть запущен на ondragover

Технические подробности ondragover

Поддержка тегов: Все элементы HTML

Связанные страницы ondragover

Учебник HTML: Перетаскивание HTML5

Справочник HTML: Атрибут draggable HTML

Справочник DOM HTML: Событие ondragover