Atributo de evento ondragover HTML

❮ Atributos de evento HTML

Definição e uso

O atributo ondragover é acionado quando um elemento arrastável ou seleção de texto está sendo arrastado sobre um destino de soltar válido.

Por padrão, dados/elementos não podem ser descartados em outros elementos. Para permitir uma queda, devemos evitar a manipulação padrão do elemento. Isso é feito chamando o método event.preventDefault() para o atributo ondragover.

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

Nota: Ao arrastar um elemento, o evento ondragover é acionado a cada 350 milissegundos.

Suporte ao navegador

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

Sintaxe

Valores de atributo

Detalhes técnicos

Páginas relacionadas

Tutorial HTML: Arrastar e Soltar HTML5

Referência HTML: atributo arrastável HTML

Referência HTML DOM: evento ondragover