tutoriais mais recente desenvolvimento web
 

HTML ondrop Attribute


Definição e Uso

O ondrop atributo é acionado quando uma draggable selecção elemento ou texto é lançada sobre um destino de soltar válido.

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 ondrop atributo faz parte dos atributos de eventos , e pode ser usado em todos os elementos HTML.

elementos Evento
Todos os elementos HTML ondrop

Exemplo

Div Exemplo

Executar um JavaScript quando um elemento arrastável é descartado em um <div> elemento:

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