ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
Теги HTML HTML учебник Теги CSS CSS учебник JavaScript учебник PHP учебник SQL учебник Bootstrap 4 Еще
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши

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> <menu> <menuitem> <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 ondragstart Атрибут события

❮ Атрибуты события HTML

Пример

Выполнение JavaScript, когда пользователь начинает перетаскивание элемента <p>:

<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>

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

Атрибут ondragstart срабатывает, когда пользователь начинает перетаскивать элемент или выделение текста.

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

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

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

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

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

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

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

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

Атрибут события
ondragstart 4.0 9.0 3.5 6.0 12.0

Различия между HTML 4,01 и HTML5

Атрибут ondragstart является новым в HTML5.

Синтаксис

<element ondragstart="script">

Значения атрибутов

Значение Описание
script Сценарий, запускаемый на ondragstart

Технические детали

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

Похожие страницы

HTML Учебник: HTML5 Drag and Drop

HTML Ссылки: HTML draggable Атрибут

HTML DOM Ссылки: Событие ondragstart


❮ Атрибуты события HTML