tutoriais mais recente desenvolvimento web
 

HTML ondragleave Attribute


Definição e Uso

O ondragleave atributo é acionado quando um elemento arrastável ou seleção de texto deixa 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 no alvo draggable (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 ondragleave atributo faz parte dos atributos de eventos , e pode ser usado em todos os elementos HTML.

elementos Evento
Todos os elementos HTML ondragleave

Exemplo

Div Exemplo

Executar um JavaScript quando um elemento arrastável for movida para fora de um destino de soltar:

<div ondragleave="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
ondragleave 4.0 9 3,5 6 12.0