Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Html/CSS/JavaScript › HTML setează elementul div să se târască arbitrar
Vedere: 7184|Răspunde: 2

[HTML/HTML5] HTML setează elementul div să se târască arbitrar

[Copiază linkul]
Postat pe 26.04.2022 10:32:01 | | | |
Cerințe: Paginile web HTML au o bară de instrumente care permite utilizatorilor să tragă în poziția dorită conform obiceiurilor lor.

În primul rând, redările sunt următoarele:



Elementele HTML pot fi trase arbitrar prin setarea proprietății draggable pe true, dar elementul va reveni la poziția sa originală când mouse-ul este eliberat.

Poți face asta adăugând un eveniment dragend pentru a muta elementul în poziția respectivă după ce ai eliberat mouse-ul.

Atașat este codul sursă:

Declanșează un eveniment pe o țintă de drag (element sursă):

ondragstart - declanșat când utilizatorul începe să tragă un element
ondrag - se declanșează când elementul este tras
ondragend - declanșat când utilizatorul termină de tras elementul

Evenimente care sunt declanșate când ținta este eliberată:

ondragenter - Declanșează acest eveniment atunci când un obiect tras de mouse intră în domeniul containerului său
ondragover - Acest eveniment este declanșat atunci când un obiect târât este tras în cadrul unui alt container de obiecte
ondragleave - Acest eveniment este declanșat atunci când un obiect tras de mouse părăsește raza containerului său
ondrop - Acest eveniment este declanșat când tastele mouse-ului sunt eliberate în timpul unui drag

Referință:

Folosește API-uri HTML5 drag-and-drop
https://www.itsvse.com/thread-10299-1-1.html




Precedent:Folosește API-uri HTML5 drag-and-drop
Următor:Componenta unghiulară returnează spații nbsp

Postări conexe
Postat pe 26.04.2022 21:24:22 |
Vino și învață din nou
Postat pe 27.04.2022 14:13:06 |
Învață, învață
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com