Drag & Drop JS

Le sujet n'est pas toujours évident. Voici ma solution pour faire du Drag and Drop en JS.

L'idée est de définir des events pour les cas: début drag, fin drag, drag over, drag enter, drag leave et drop.

Ne pas oublier d'ajouter l'attribut draggable="true" aux éléments HTML concernés

let dragged = null;

// dragStart va rassembler les actions au début du Drag

function dragStart(e) {
}

// dragStop va rassembler les actions en fin de Drag

function dragStop(e) {
}

function dragEnter(e) {
}

function dragOver(e) {
}

function dragLeave(e) {
}

function drop(e) {
}

function initDragEvents(){
  document.addEventListener('drop', drop);
}