tutoriais mais recente desenvolvimento web
 

HTML ondrag Attribute


Definição e Uso

O ondrag atributo é acionado quando um elemento ou seleção de texto está sendo arrastado.

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 - fires when an element is being dragged
    • 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

Nota: Ao arrastar um elemento, o ondrag evento dispara cada 350 milissegundos.


Aplica-se a

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

elementos Evento
Todos os elementos HTML ondrag

Exemplo

P Exemplo

Executar um JavaScript quando um <p> elemento está sendo arrastado:

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
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
ondrag 4.0 9 3,5 6 12.0