tutoriais mais recente desenvolvimento web
 

HTML ondragenter Attribute


Definição e Uso

O ondragenter atributo é acionado quando um elemento arrastável ou seleção de texto entra em um destino de soltar válido.

O ondragenter e ondragleave eventos podem ajudar o usuário a entender que um elemento arrastável está prestes a entrar ou sair de um destino de soltar. Isto pode ser feito, por exemplo, definir uma cor de fundo, quando o elemento arrastável entra no alvo gota, e a remoção da cor quando o elemento é deslocado para fora do alvo.

Para saber mais sobre arrastar e soltar, leia nossa HTML Tutorial sobre HTML5 Drag and Drop .

Dica: links e imagens podem ser arrastados por padrão, e não precisa do draggable atributo.

Há muitos atributos de eventos que são usados, e pode ocorrer, nas diferentes fases de uma operação de arrastar e soltar:

  • Eventos disparados na draggable de destino (o elemento de origem):
    • ondragstart - acionado quando o usuário começa a arrastar um elemento
    • ondrag - acionado quando um elemento está sendo arrastado
    • ondragend - é acionado quando o usuário terminar arrastando o elemento

  • Eventos disparados sobre o destino de soltar:
    • ondragenter - acionado quando o elemento arrastado entra no destino de soltar
    • ondragover - acionado quando o elemento arrastado é sobre o destino de soltar
    • ondragleave - acionado quando o elemento arrastado deixa o destino de soltar
    • ondrop - acionado quando o elemento arrastado é solto sobre o destino de soltar

Aplica-se a

O ondragenter atributo faz parte dos atributos de eventos , e pode ser usado em todos os elementos HTML.

elementos Evento
Todos os elementos HTML ondragenter

Exemplo

Div Exemplo

Executar um JavaScript quando um elemento arrastável entra em um destino de soltar:

<div ondragenter="myFunction(event)"></div>
Tente você mesmo "

Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o event atributo.

atributo do evento
ondragenter 4.0 9 3,5 6 12.0