При перетаскивании событие dragLeave иногда срабатывает перед событием перетаскивания.
Это вызывает проблемы, потому что цель получает слушателей в dragEnter с помощью dragLeave и drop, удаляя слушателей. Если dragLeave срабатывает перед сбросом, то прослушиватель для сброса отсутствует.
Я думаю, что причина как-то связана с другой нелогичной интуицией: dragEnter иногда срабатывает несколько раз для одной и той же цели, даже при выключенном распространении. При наличии нескольких dragEnter один из них порождал бы drop, а другие порождали бы dragLeave. Если это так, возможно, я мог бы связать dragLeave с dragEnter, но я не вижу средств для такой координации.
function dragEnter( e ) {
e.stopPropatation();
// is multiple fires of dragEnter for same cell
if( curCell == this ) return;
curCell = this;
curCell.addEventListener( 'drop', drop, true );
curCell.addEventListener( 'dragover', dragOver, true );
curCell.addEventListener( 'dragleave', dragLeave, true );
...
}
function dragLeave( e ) {
e.stopPropagation();
curCell.removeEventListener( 'drop', drop, true );
curCell.removeEventListener( 'dragover', dragOver, true );
curCell.removeEventListener( 'dragleave', dragLeave, true );
}
function drop( e ) {
// do the actual work
dragLeave( e );
}
Вот список звонков:
begin drag dragstart
drag enter: this=e9 - e.target=IMG
drag enter: this=e9 - e.target=TD
drag enter: this=e8 - e.target=TD
drag enter: this=e8 - adding listeners
drag enter: this=e8 - e.target=IMG
drag leave: this=e8
clearing listeners: this=e8
Если бы «очистка слушателей» не выполнялась, следующим шагом было бы:
drop: this=e8