Definição e Uso
O ondragover atributo é acionado quando um elemento arrastável ou seleção de texto está sendo arrastado ao longo de um destino de soltar válido.
Por padrão, os dados / elementos não pode ser descartado em outros elementos. Para permitir que uma gota, é preciso evitar a manipulação padrão do elemento. Isto é feito ligando o event.preventDefault() método para a ondragover atributo.
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
Nota: Ao arrastar um elemento, o ondragover evento dispara cada 350 milissegundos.
Aplica-se a
O ondragover atributo faz parte dos atributos de eventos , e pode ser usado em todos os elementos HTML.
| elementos | Evento |
|---|---|
| Todos os elementos HTML | ondragover |
Exemplo
Div Exemplo
Executar um JavaScript quando um elemento está sendo arrastado ao longo de um destino de soltar:
<div ondragover="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 | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9 | 3,5 | 6 | 12.0 |