javascript-tutorial / javascript-tutorial/en.javascript.info
Include example HTML5 Drag and Drop API
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
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- 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