HTML atribut ondragleave


Definice a použití

Atribut ondragleave se spustí, když přetahovatelný prvek nebo výběr textu zanechá platný cíl přetažení.

Události ondragenter a ondragleave mohou uživateli pomoci pochopit, že přetahovatelný prvek se chystá vstoupit nebo opustit cíl upuštění. To lze provést například nastavením barvy pozadí, když přetahovatelný prvek vstoupí do cíle přetažení, a odstraněním barvy, když se prvek přesune z cíle.

Chcete-li se dozvědět o Drag and Drop, přečtěte si náš HTML tutoriál o HTML5 Drag and Drop .

Tip: Odkazy a obrázky lze ve výchozím nastavení přetáhnout a nepotřebují atribut draggable.

Existuje mnoho atributů událostí, které se používají a mohou nastat v různých fázích operace přetažení:

  • Události spuštěné na přetahovatelném cíli (zdrojový prvek) :
    • ondragstart - spustí se, když uživatel začne přetahovat prvek
    • ondrag - spustí se, když je prvek tažen
    • ondragend - spustí se, když uživatel dokončí přetahování prvku

  • Události vypálené na cíl shozu:
    • ondragenter - spustí se, když tažený prvek vstoupí do cíle upuštění
    • ondragover - spustí se, když je tažený prvek nad cílem shození
    • ondragleave - spustí se, když tažený prvek opustí cíl shození
    • ondrop - spustí se, když je tažený prvek upuštěn na cíl shození

Platí pro

Atribut ondragleave je součástí atributů události a lze jej použít na libovolné prvky HTML.

Prvky událost
Všechny prvky HTML ondragleave

Příklad

Příklad Div

Spustit JavaScript, když se přetahovací prvek přesune z cíle přetažení:

<div ondragleave="myFunction(event)"></div>

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která plně podporuje atribut události.

Event Attribute
ondragleave 4.0 9.0 3.5 6.0 12.0