Képesség ondragstart események, html útmutató

Alkalmazási példa

Vegyünk egy példát, amelyben az elem

Ez lehet mozgatni a két tömb

. E célból fogunk létrehozni a négy tulajdonság az események a blokkok
és három a mozgatható rész

.

Ahogy elkezd mozogni tételek

tüzek két esemény: az első kiváltó elején egy húzási művelet elem által az egér (ondragstart), amelyen van egy script, amely lehetővé teszi az adatok tárolását és típusát (setData módszer), a második ondrag kiváltó esemény pillanatában, amikor elkezdett húzás és tájékoztat minket erről sejt

.

Alapértelmezésben az elemeket nem lehet elhelyezni a többi elem. Ahhoz, hogy megjelenjen (törlés művelet alapértelmezett böngésző), akkor használja a preventDefault () metódust. amely akkor aktiválódik, ha egy elem fölé kerül a megengedett terület átadására (ondragover esemény attribútumot).

ondragenter esemény) akkor történik, amikor az elem mozgatása egy előre meghatározott területen, akkor elindít egy szkriptet, amely beállítja a háttér színe sárga és fekete pöttyös határon. Amikor az elem elhagyja az előre meghatározott zóna, a határ a stílus és az értékek a háttér visszakerülnek az eredeti formájában (ondragleave esemény).

A példában használt két aributa esemény: az első - ondrop, amely akkor aktiválódik, ha az elem megy húzza tárgy, a futás script, amely lehetővé teszi egyéni adatok fogadására (A módszer getData) és egy második esemény attribútumot - ondragend, amely akkor aktiválódik, amikor a felhasználó befejezte húzza elem és fut egy script, amely tájékoztat a végén a drag elem eljárások

.

Mozgatni a HTML elem

A két téglalap:

Különbségek a HTML 4.01 HTML 5

Képesség ondragstart esemény új HTML5.

támogatott címkék