HTML ondrag Atributo
Definição e uso
O ondragatributo é acionado quando um elemento ou seleção de texto está sendo arrastado.
Para saber mais sobre Arrastar e Soltar, leia nosso Tutorial HTML sobre Arrastar e Soltar HTML5 .
Dica: Links e imagens são arrastáveis por padrão e não precisam do draggableatributo.
Existem muitos atributos de evento que são usados e podem ocorrer nos diferentes estágios de uma operação de arrastar e soltar:
- Eventos disparados no destino arrastável (o elemento de origem) :
ondragstart- dispara quando o usuário começa a arrastar um elementoondrag- dispara quando um elemento está sendo arrastadoondragend- dispara quando o usuário termina de arrastar o elemento
- Eventos disparados no destino de lançamento:
ondragenter- dispara quando o elemento arrastado entra no destino de soltarondragover- dispara quando o elemento arrastado está sobre o alvo de soltarondragleave- dispara quando o elemento arrastado deixa o destino de soltarondrop- dispara quando o elemento arrastado é solto no destino de soltar
Nota: Ao arrastar um elemento, o ondragevento é acionado a cada 350 milissegundos.
Aplica-se a
O ondragatributo faz parte dos Event Attributes e pode ser usado em qualquer elemento HTML.
| Elementos | Evento |
|---|---|
| Todos os elementos HTML | arrastar |
Exemplo
Exemplo P
Execute um JavaScript quando um elemento <p> estiver sendo arrastado:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo de evento.
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |