Exemplu de utilizare
Luați în considerare un exemplu în care elementul
pot fi mutate între două blocuri
.
Când începem să muim elementul
incendii două evenimente: prima este declanșat la începutul unei operațiuni de tragere de elementul cu mouse-ul (ondragstart), pe care avem un script care permite stocarea de date și tipul (metoda setData) lor, al doilea eveniment ondrag este declanșat în momentul în care a început tragerea și ne informează despre acest lucru în celulă
.În mod prestabilit, elementele nu pot fi plasate în alte elemente. Pentru a face acest lucru disponibil (anularea acțiunii implicite a browserului), vom folosi metoda preventDefault (). care este declanșată atunci când un element este mutat peste o zonă permisă pentru transfer (atributul eveniment ondragover).
eveniment ondragenter) are loc atunci când elementul este mutat într-o zonă predeterminată, declanșează un script care stabilește o culoare de fundal de frontieră punctată galben și negru. Atunci când un element părăsește zona specificată, valorile de fundal și fundal sunt returnate la vizualizarea originală (eveniment ondragleave).
În exemplul folosit încă două evenimente aributa: în primul rând - ondrop, care se declanșează atunci când elementul merge pe tragere obiect, script-ul rula care permite single primi date (Metoda getData) și un al doilea atribut eveniment - ondragend, care este activat atunci când utilizatorul a completat element de glisare și rulează un script care ne informează despre finalizarea procedurii de tragere și plasare în element
.Mutați elementul HTML
între două dreptunghiuri:
Diferențe între HTML 4.01 și HTML 5
Atributul eveniment ondragstart este nou în HTML5.