tutoriais mais recente desenvolvimento web
 

HTML ondragstart Attribute


Definição e Uso

O ondragstart atributo é acionado quando o usuário começa a arrastar um elemento ou seleção de texto.

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

elementos Evento
Todos os elementos HTML ondragstart

Exemplo

P Exemplo

Executar um JavaScript quando o usuário começa a arrastar um <p> elemento:

<p draggable="true" ondragstart="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
ondragstart 4.0 9 3,5 6 12.0