javascript-tutorial / javascript-tutorial/en.javascript.info

Include example HTML5 Drag and Drop API

Aberta
#2,774 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
HTML
Estrelas
25.5k
Forks
4k
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

There is a chapter called [“Drag'n'Drop with mouse events”](https://javascript.info/mouse-drag-and-drop), and it makes a passing reference to the Drag and Drop API. There are plenty of cases where it’s appropriate to choose this approach.

However, I think there also needs to be a “Drag'n'Drop with the API” chapter.

I’ve been using the DND API on a learning project. Although I got over the strange hurdle of learning which events apply to draggable items and which events apply to drop zones, I’m at a point where I am really missing the awesome guidance I can find on most other topics in your excellent work.

For the purpose of inspiration in creating such a chapter (or for anyone else reading this), one tutorial I found helpful helpful is this video (which includes the basics of the DND API, and implements a list-sorting feature):

https://www.youtube.com/watch?v=jfYWwQrtzzY

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Leia o capítulo existente “Drag'n'Drop with mouse events” em https://javascript.info/mouse-drag-and-drop e revise o vídeo tutorial referenciado para verificar a cobertura da HTML5 Drag and Drop API. A tarefa estará concluída quando um novo capítulo for adicionado, explicando a API, incluindo os eventos de draggable-item e drop-zone, e fornecendo orientações práticas sobre quando usá-la.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
html, javascript
Domínio
documentation, web-dev
Tipo de issue
Documentação
Dificuldade
5/5
Tempo estimado
Mais de uma semana
Status de atividade
Estagnada
Clareza
Razoavelmente clara
Facilidade para iniciantes
25/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.