Trageți și plasați - ghid de web-dezvoltator, MDN

Transferul nu este finalizat. Vă rugăm să ajute la traducerea acestui articol din limba engleză.

Firefox și alte aplicații companii Mozilla au un număr de oportunități pentru a drag and drop controale. Acest lucru permite utilizatorului să faceți clic și țineți apăsat butonul mouse-ului blocat pe un element, mutați-l în altă poziție, eliberați butonul mouse-ului, utilizatorul poate lăsa elementul într-o nouă poziție. Pe tot parcursul operațiunii muta elementul translucid urmează cursorul mouse-ului. Noua poziție a elementului poate fi plasat într-o aplicație complet diferită. Site-uri web și aplicații Xul pot utiliza această caracteristică pentru a determina care elemente ale unei pagini pot fi mutate, și să identifice elementele care pot fi mutate mai întâi.







Această parte acoperă funcționalitatea drag and drop în Firefox 3.5 (Gecko 1.9.1) și versiunile ulterioare. Pentru API-ul vechi pentru Firefox 3.0 și versiuni anterioare, care nu are suport adecvat pentru această funcționalitate, consultați documentația API mai vechi.

Fundamentele Drag and Drop

Folosind drag and drop-funcționalitate include următoarele etape:

Mozilla Firefox și susține o serie de caracteristici care depășesc specificațiile modelul standard. Ele permit utilizatorului să se miște mai multe elemente și pentru a muta date non-string. Pentru informații detaliate, consultați glisând și fixând mai multe elemente.

Pentru a se familiariza cu lista de date generale de tragere sprijinite și funcționarea picătură, consultați Tipuri de Drag recomandate.

De asemenea, sunt disponibile exemple cu cea mai bună utilizare practică a operațiunilor de drag and drop pentru a muta date de diferite tipuri:

A se vedea datatransfer pentru o referință la obiectul datatransfer.

Drag Evenimente

Declanșat o serie de evenimente pe tot parcursul procedurii de tragere și plasare. Amintiți-vă că doar o tragere de evenimente sunt declanșate în timpul operațiunii de transfer; mouse-ul evenimente, cum ar fi mousemove - nr. De asemenea, rețineți că evenimentele dragstart dragend și nu funcționează atunci când încercați să mutați un fișier din sistemul de operare în browser.







Proprietatea datatransfer toate evenimentele de călătorie conține informații despre toate prin tragere și plasare de funcționare.

dragstart Declanșate atunci când elament a început să se miște. Utilizatorul solicită să trageți elementul în cazul în care evenimentul dragstart este concediat. Handler-ul pentru acest eveniment poate fi folosit pentru a stoca informații despre obiecte în mișcare, precum și pentru a schimba imaginea care va fi asociat cu mișcarea. Dyannoe eveniment nu se declanșează atunci când un fișier este de a fi transferat de la sistemul de operare în browser. Pentru informații detaliate Pornirea unei operație de tragere. dragenter Declanșată când elementul mobil ajunge atribuirea elementului. Handler-ul pentru acest eveniment indică faptul că elementul este situat pe obiect la care poate fi mutat. În cazul în care handler nu există sau nu se efectuează nici o acțiune mișcarea implicită este interzisă. Acest eveniment este, de asemenea, utilizat pentru a evidenția sau marca un obiect asupra căruia are loc mișcarea atunci când se deplasează la acest element permis. Pentru informații detaliate, consultați Țintele Specificarea picătură. dragover Acest eveniment este declanșat atunci când cursorul mouse-ului este mutat peste un element atunci când se deplasează. O mare parte din timp, operațiunea care are loc în timpul unui ascultător va fi la fel ca evenimentul dragenter. Pentru informații detaliate, consultați Țintele Specificarea picătură. dragleave Acest eveniment este concediat atunci când mouse-ul părăsește un element în timp ce o tragere are loc. Ascultatorii ar trebui să elimine orice markeri sau inserare evidențierea utilizate pentru feedback-drop. trageți Acest eveniment este tras la sursa de tragere și este elementul în care dragstart a fost concediat în timpul operației de tragere. picătură Evenimentul picătură este tras pe elementul în cazul în care scăderea a avut loc la sfârșitul operației trageți. Un ascultător ar fi răspunzător pentru recuperarea datelor fiind târât și introducând-o în locația picătură. Acest eveniment va declanșa numai în cazul în care se dorește o picătură. Acesta nu se va declanșa în cazul în care utilizatorul a anulat operațiunea de glisare, de exemplu prin apăsarea tastei Escape, sau dacă butonul mouse-ului a fost lansat în timp ce mouse-ul nu a fost de peste o țintă picătură validă. Pentru mai multe informații despre aceasta, consultați Efectuarea unei picătură. dragend Sursa de tragere va primi un eveniment dragend atunci când operațiunea de glisare este completă, dacă a fost cu succes sau nu. Acest eveniment nu este activat atunci când glisarea un fișier în browser-ul de la sistemul de operare. Pentru mai multe informații despre acest lucru, a se vedea de finisare un Drag.

A se vedea, de asemenea,