Atributul evenimentului ondragstart, director html

Exemplu de utilizare

Luați în considerare un exemplu în care elementul

pot fi mutate între două blocuri

. Pentru a face acest lucru, am setat patru atribute de evenimente în blocuri
și trei în paragraful în mișcare

.

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.

Etichete acceptate