document.querySelectorAll('.item').forEach(makeDraggable);
function makeDraggable(item) {
item.querySelector('.handler').addEventListener('mousedown', () => item.draggable = true);
item.addEventListener('dragend', () => item.draggable = false);
}
.item {
width: 100px;
height: 100px;
border: 1px dotted gray;
}
.item .handler {
width: 20px;
height: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border: 1px dotted blue;
}