HTML atribut události ondragstart
Příklad
Spusťte JavaScript, když uživatel začne přetahovat prvek <p>:
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Definice a použití
Atribut ondragstart se spustí, když uživatel začne přetahovat výběr prvku nebo 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) :
- 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í
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje atribut události.
Event Attribute | |||||
---|---|---|---|---|---|
ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Syntax
<element ondragstart="script">
Hodnoty atributů
Value | Description |
---|---|
script | The script to be run on ondragstart |
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 ondragstart
❮ Atributy události HTML