Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Html/CSS/JavaScript › HTML imposta l'elemento div per trascinarsi arbitrariamente
Vista: 7184|Risposta: 2

[HTML/HTML5] HTML imposta l'elemento div per trascinarsi arbitrariamente

[Copiato link]
Pubblicato su 26/04/2022 10:32:01 | | | |
Requisiti: Le pagine web HTML dispongono di una barra degli strumenti che permette agli utenti di trascinare nella posizione desiderata secondo le loro abitudini.

Prima di tutto, le rappresentazioni sono le seguenti:



Gli elementi HTML possono essere trascinati arbitrariamente impostando la proprietà trascinabile su true, ma l'elemento tornerà alla sua posizione originale quando il mouse viene rilasciato.

Puoi farlo aggiungendo un evento dragend per spostare l'elemento nella posizione dopo aver rilasciato il mouse.

Allegato è riportato il codice sorgente:

Attiva un evento su un bersaglio di trascinamento (elemento sorgente):

ondragstart - attivato quando l'utente inizia a trascinare un elemento
ondrag - si attiva quando l'elemento viene trascinato
ondragend - attivato quando l'utente termina di trascinare l'elemento

Eventi che si attivano quando il bersaglio viene rilasciato:

ondragenter - Attiva questo evento quando un oggetto trascinato dal mouse entra nell'ambito del suo container
ondragover - Questo evento si attiva quando un oggetto trascinato viene trascinato all'interno dell'ambito di un altro contenitore di oggetti
ondragleave - Questo evento viene attivato quando un oggetto trascinato dal mouse esce dal raggio del suo contenitore
ondrop - Questo evento si attiva quando i tasti del mouse vengono rilasciati durante un trascinamento

Riferimento:

Usa API HTML5 drag-and-drop
https://www.itsvse.com/thread-10299-1-1.html




Precedente:Usa API HTML5 drag-and-drop
Prossimo:La componente angolare restituisce spazi nbsp

Post correlati
Pubblicato su 26/04/2022 21:24:22 |
Vieni a imparare di nuovo
Pubblicato su 27/04/2022 14:13:06 |
Impara, impara
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com