HTML atribut události ondragover
Příklad
Spustit JavaScript, když je prvek přetažen přes cíl přetažení:
<div ondragover="myFunction(event)"></div>
Definice a použití
Atribut ondragover se spustí, když se přetahovaný prvek nebo výběr textu přetahuje přes platný cíl přetažení.
Ve výchozím nastavení nelze data/prvky vypustit v jiných prvcích. Abychom povolili pokles, musíme zabránit výchozí manipulaci s prvkem. To se provede voláním metody event.preventDefault() pro atribut ondragover.
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 upuštění
- 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í
Poznámka: Při přetahování prvku se událost ondragover spouští každých 350 milisekund.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje atribut události.
Event Attribute | |||||
---|---|---|---|---|---|
ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Syntax
<element ondragover="script">
Hodnoty atributů
Value | Description |
---|---|
script | The script to be run on ondragover |
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
HTML DOM Reference: ondragover Event
❮ Atributy události HTML