HTML5 за 10 минут

Атрибут ondragenter


Событие вхождения в область действия целевого элемента для перетаскивания наступает в нем в тот момент, когда пользователь перемещает перетаскиваемый элемент над целевым элементом. Это событие можно связать с функцией JavaScript для обработки событий (ее вы должны написать сами) так, как показано ниже.

<div id="targetr ondragenter=return enter(event)

Следует иметь в виду, что данное событие происходит в целевых элементах перетаскивания, а не в перетаскиваемых.

Атрибут ondragover

Событие нахождения над целевым элементом для перетаскивания наступает в нем в тот момент, когда пользователь располагает перетаскиваемый элемент над целевым элементом. Это событие можно связать с функцией JavaScript для обработки событий (ее вы должны написать сами) следующим образом.

<div id="targetl" ondragenter="return enter(event)" ondragover="return over(event)"

Данное событие происходит в целевых элементах перетаски вания.

Атрибут ondrop

Событие опускания на целевой элемент происходит в нем, когда пользователь опускает перетаскиваемый элемент на целевой. Это событие можно связать с функцией JavaScript для обработки событий (ее вы должны написать сами) следующим образом.

<div id="targetl" ondragenter="return enter(event)" ondragover="return over(event)" ondrop="return drop(event)">

Это событие происходит в целевых элементах опускания. Обратите внимание на то, что оно наступает при опускании, а не при перетаскивании и опускании!

Атрибут ondragstart

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

<div id="draggablel" draggable="true" ondragstart="return start(event)"

Данное событие происходит в перетаскиваемых элементах.

Атрибут ondragend

Это событие происходит в перетаскиваемых элементах, когда пользователь перестает перетаскивать их. Его можно связать с функцией JavaScript для обработки событий (ее вы должны написать сами) следующим образом.

<div id="draggablel" draggable="true" ondragstart="return start(event)" ondragend="return end(event)">1

Данное событие происходит в перетаскиваемых элементах.

Комментарии закрыты