Etapa 5 - Arrastar e soltar

Commit: Etapa 5 - arrastar e soltar

Objetivo

Mover tarefas entre as colunas arrastando com o mouse.

O que foi feito

• As tarefas ficaram arrastáveis (item.draggable = true).
• Enquanto arrasta, a tarefa fica meio transparente e a coluna embaixo dela ganha uma borda roxa tracejada.
• Ao soltar, a tarefa vai para a coluna usando a mesma função moverPara.

Evento	Onde	O que faz
ondragstart	tarefa	guarda qual tarefa está sendo arrastada
ondragend	tarefa	tira a transparência
ondragover	coluna	liga o destaque e libera o soltar
ondragleave	coluna	desliga o destaque
ondrop	coluna	move a tarefa com moverPara

Escolhas

• Um for coloca os eventos nas duas colunas de uma vez, sem repetir código.
• preventDefault() no ondragover é obrigatório: sem ele o navegador não deixa soltar.
• Mantivemos o clique para concluir, porque arrastar pode não funcionar em alguns celulares.

< Anterior | Próxima: Etapa 6 >