Atributo de evento ondragstart HTML

❮ Atributos de evento HTML

Exemplo

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

<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>

Definição e uso

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

Arrastar e soltar é um recurso muito comum em HTML5. É quando você "pega" um objeto e o arrasta para um local diferente. Para obter mais informações, consulte nosso Tutorial HTML sobre arrastar e soltar HTML5 .

Nota: Para tornar um elemento arrastável, use o atributo global HTML5 arrastável .

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

Suporte ao navegador

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

Event Attribute
ondragstart 4.0 9.0 3.5 6.0 12.0

Sintaxe

<element ondragstart="script">

Valores de atributo

Value Description
script The script to be run on ondragstart

Detalhes técnicos

Tags HTML suportadas: TODOS os elementos HTML

Páginas relacionadas

Tutorial HTML: Arrastar e Soltar HTML5

Referência HTML: atributo arrastável HTML

Referência HTML DOM: evento ondragstart


❮ Atributos de evento HTML