Atributo HTML ondragenter
Definição e uso
O atributo ondragenter é acionado quando um elemento arrastável ou uma seleção de texto insere um destino de soltar válido.
Os eventos ondragenter e ondragleave podem ajudar o usuário a entender que um elemento arrastável está prestes a entrar ou sair de um destino de soltar. Isso pode ser feito, por exemplo, definindo uma cor de fundo quando o elemento arrastável entrar no destino de soltar e removendo a cor quando o elemento for movido para fora do destino.
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 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
Aplica-se a
O atributo ondragenter faz parte dos Event Attributes e pode ser usado em qualquer elemento HTML.
Elementos | Evento |
---|---|
Todos os elementos HTML | ondragenter |
Exemplo
Exemplo de div
Execute um JavaScript quando um elemento arrastável entrar em um destino de soltar:
<div ondragenter="myFunction(event)"></div>
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo de evento.
Event Attribute | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |