HTML atribut události ondragover

❮ Atributy události HTML

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