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 |