HTML atribut události ondrag
Příklad
Spustit JavaScript při přetahování prvku <p>:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
Definice a použití
Atribut ondrag se aktivuje při přetahování prvku nebo výběru textu.
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 shození
- 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í
Poznámka: Při přetahování prvku se událost ondrag 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 | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Syntax
<element ondrag="script">
Hodnoty atributů
Value | Description |
---|---|
script | The script to be run on ondrag |
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: ondrag Event
❮ Atributy události HTML