HTML ondrag Event Attribute
Exemplo
Execute um JavaScript quando um elemento <p> estiver sendo arrastado:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
Definição e uso
O atributo ondrag é acionado quando um elemento ou seleção de texto está sendo arrastado.
Arrastar e soltar é um recurso muito comum em HTML5. É quando você "pega" um objeto e o arrasta para um local diferente. Para obter mais informações, consulte nosso Tutorial HTML sobre arrastar e soltar HTML5 .
Nota: Para tornar um elemento arrastável, use o atributo global HTML5 arrastável .
Dica: Links e imagens são arrastáveis por padrão e não precisam do atributo arrastável.
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 elemento
- ondrag - dispara quando um elemento está sendo arrastado
- ondragend - 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 soltar
- ondragover - dispara quando o elemento arrastado está sobre o destino de soltar
- ondragleave - dispara quando o elemento arrastado deixa o destino de soltar
- ondrop - dispara quando o elemento arrastado é solto no destino de soltar
Nota: Ao arrastar um elemento, o evento ondrag é acionado a cada 350 milissegundos.
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 |
Sintaxe
<element ondrag="script">
Valores de atributo
Value | Description |
---|---|
script | The script to be run on ondrag |
Detalhes técnicos
Tags HTML suportadas: | TODOS os elementos HTML |
---|
Páginas relacionadas
Tutorial HTML: Arrastar e Soltar HTML5
Referência HTML: atributo arrastável HTML
Referência HTML DOM: evento ondrag
❮ Atributos de evento HTML