Atribut události HTML ondragenter
Příklad
Spusťte JavaScript, když přetahovatelný prvek vstoupí do cíle přetažení:
<div ondragenter="myFunction(event)"></div>
Definice a použití
Atribut ondragenter se spustí, když přetahovatelný prvek nebo výběr textu vstoupí do platného cíle 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.
Drag and drop je v HTML5 velmi běžná funkce. Je to, když "chytíte" objekt a přetáhnete jej na jiné místo. Další informace najdete v našem HTML Tutoriálu o HTML5 Drag and Drop .
Poznámka: Chcete-li, aby byl prvek přetahovatelný, použijte globální atribut přetahování HTML5.
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í
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje atribut události.
Event Attribute | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Syntax
<element ondragenter="script">
Hodnoty atributů
Value | Description |
---|---|
script | The script to be run on ondragenter |
Technické údaje
Podporované HTML tagy: | VŠECHNY prvky HTML |
---|
Související stránky
HTML kurz: HTML5 Drag and Drop
HTML reference: HTML přetahovatelný atribut
Reference HTML DOM: událost ondragenter
❮ Atributy události HTML