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

Include example HTML5 Drag and Drop API

Ouverte
#2,774 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
HTML
Étoiles
25.5k
Forks
4k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Lisez le chapitre existant « Drag'n'Drop with mouse events » à l’adresse https://javascript.info/mouse-drag-and-drop et consultez la vidéo du tutoriel référencée afin d’évaluer la couverture de la HTML5 Drag and Drop API. La tâche sera considérée comme terminée lorsqu’un nouveau chapitre expliquant l’API aura été ajouté, notamment les événements de draggable-item et de drop-zone, et fournissant des indications pratiques sur les cas où l’utiliser.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
html, javascript
Domaine
documentation, web-dev
Type d'issue
Documentation
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.