Как избежать повторов?

[miltorg]

dragStart
dragOver

вроде как срабатывают одновременно

[miltorg]

Или это так и должно быть. Стартанули и Тянем.

Над объектом и сбросили.

[Aetae]

Работает, нужен только маленький фикс:

this[type].call(target, event);

->

if(target)
  this[type].call(target, event);

https://jsfiddle.net/dwx6r2jo/

[miltorg]

Абалдеть. Спасибо огромное.

[miltorg]

for (let i=1; i < 5; i++) {
 window['v'+i].ondrop = drop_handler;
  window['v'+i].ondragover = dragover_handler;
} 


for (let i=1; i < 4; i++) {
 window['k'+i].ondragstart = dragstart_handler;
  window['k'+i].ondragend = dragend_handler;
}

[miltorg]

А как определить последний элемент vn ?

[miltorg]

mv = document.querySelectorAll("[id^=v]");
mk = document.querySelectorAll("[id^=k]");

for (let i=0; i < mv.length; i++) {
  mv[i].ondrop = drop_handler;
  mv[i].ondragover = dragover_handler;
  }

for (i=0; i < mk.length; i++) {
  mk[i].ondragstart = dragstart_handler;  
  mk[i].ondragend = dragend_handler;
  }

[miltorg]

У меня покороче код?
Может не верно чего?
Но вроде - работает.

[Aetae]

miltorg, так тоже можно. Только это не универсально и не поддерживаемо. Переиспользовать такой код нельзя.

[miltorg]

miltorg, так тоже можно. Только это не универсально и не поддерживаемо. Переиспользовать такой код нельзя.

А можно как то расшифровать ваше утверждение?
Что значит - "не универсально"? - Для 3 строчек писать отдельный Класс?
- "Не поддерживаемо"?
- "Нельзя переиспользовать"?