Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Html/CSS/JavaScript › HTML sätter div-elementet att dra godtyckligt
Utsikt: 7438|Svar: 2

[HTML/HTML5] HTML sätter div-elementet att dra godtyckligt

[Kopiera länk]
Publicerad på 2022-04-26 10:32:01 | | | |
Krav: HTML-webbsidor har en verktygslinje som låter användare dra till önskad position enligt deras vanor.

För det första är renderingarna följande:



HTML-element kan dras godtyckligt genom att sätta draggable-egenskapen till true, men elementet återgår till sin ursprungliga position när musen släpps.

Du kan göra detta genom att lägga till en dragend-händelse för att flytta elementet till positionen efter att musen släppts.

Bifogat är källkoden:

Trigga en händelse på ett dragmål (källelement):

ondragstart – triggas när användaren börjar dra ett element
ondrag – triggas när elementet dras
ondragend – triggas när användaren är klar med att dra elementet

Händelser som utlöses när målet släpps:

ondragenter – Utlöser denna händelse när ett objekt som dragits av musen går in i containerns scope
ondragover – Denna händelse utlöses när ett draget objekt dras inom räckvidden av en annan objektbehållare
ondragleave – Denna händelse utlöses när ett objekt som dragits av musen lämnar behållarens räckvidd
ondrop – Denna händelse utlöses när mustangenterna släpps under ett drag

Hänvisning:

Använd HTML5-drag-och-släpp-API:er
https://www.itsvse.com/thread-10299-1-1.html




Föregående:Använd HTML5-drag-och-släpp-API:er
Nästa:Vinkelkomponent returnerar nbsp-rum

Relaterade inlägg
Publicerad på 2022-04-26 21:24:22 |
Kom och lär dig igen
Publicerad på 2022-04-27 14:13:06 |
Lär dig, lär dig
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com