Atributo HTML ondragleave

Definição e uso

O atributo ondragleave é acionado quando um elemento arrastável ou seleção de texto deixa 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 ondragleave faz parte dos Event Attributes e pode ser usado em qualquer elemento HTML.

Exemplo

Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo de evento.