Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Näkymä: 7438|Vastaus: 2

[HTML/HTML5] HTML asettaa div-alkion vetämään mielivaltaisesti

[Kopioi linkki]
Julkaistu 26.4.2022 10.32.01 | | | |
Vaatimukset: HTML-verkkosivuilla on työkalupalkki, jonka avulla käyttäjät voivat raahata haluttuun paikkaan tapojensa mukaan.

Ensinnäkin renderöinnit ovat seuraavat:



HTML-elementtejä voi vetää mielivaltaisesti asettamalla vedettävän ominaisuuden tosiarvoksi, mutta elementti palaa alkuperäiseen asentoonsa, kun hiiri vapautetaan.

Voit tehdä tämän lisäämällä dragend-tapahtuman, jolla elementti siirretään paikalleen hiiren vapauttamisen jälkeen.

Liitteenä on lähdekoodi:

Laukaise tapahtuma drag-kohteessa (lähdeelementti):

ondragstart – laukeaa, kun käyttäjä alkaa vetää elementtiä
Ondrag - laukeaa, kun elementtiä vedetään
OnDragend – aktivoituu, kun käyttäjä lopettaa elementin vetämisen

Tapahtumat, jotka laukeavat, kun kohde vapautetaan:

ondragenter - Laukaisee tämän tapahtuman, kun hiirellä vedetty objekti astuu säiliön laajuuteen
ondragover – Tämä tapahtuma käynnistyy, kun vedetty objekti vedetään toisen objektisäiliön alueelle
ondragleave - Tämä tapahtuma käynnistyy, kun hiiren vetämä esine poistuu säiliön kantamalta
ondrop - Tämä tapahtuma käynnistyy, kun hiiren näppäimet vapautetaan vedon aikana

Viittaus:

Käytä HTML5-vedä-ja-pudota -rajapintoja
https://www.itsvse.com/thread-10299-1-1.html




Edellinen:Käytä HTML5-vedä-ja-pudota -rajapintoja
Seuraava:Kulmakomponentti palauttaa nbsp-avaruuksia
Julkaistu 26.4.2022 21.24.22 |
Tule ja opi uudelleen
Julkaistu 27.4.2022 14.13.06 |
Opi, opi
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.

Mail To:help@itsvse.com