いつもお世話になっております。
現在、テーブルのセルをドラッグし、通過した部分に色がつく(選択できる)ような実装をしているのですが、すでに通過した部分を通ると、ついていた色が消えるようにするにはどうしたらよいでしょうか。
typescript
1$cells.bind('dragstart', this.SelectMultiplCellsStart); 2$cells.bind('dragover', this.HandleDragOver); 3$cells.bind('dragenter', this.MoveMouseOnMultipleCells); 4 5 private HandleDragOver(event): boolean { 6 var targetCell = event.currentTarget; 7 if (targetCell) { 8 if (dragSrcElement) { 9 $(targetCell).addClass('dragover') 10 .addClass('selected'); 11 } 12 } 13 return false; 14 } 15 16 private SelectMultiplCellsStart(event): void { 17 var targetCalendar = event.target.offsetParent; 18 var item = $(targetCalendar).find('.selected'); 19 if (item.length > 0) 20 $(item).removeClass('selected') 21 .removeClass('dragover'); 22 event.originalEvent.dataTransfer.effectAllowed = 'move'; 23 } 24 25 private MoveMouseOnMultipleCells(event): void { 26 var targetCell = event.target; 27 if ($(targetCell).hasClass('dragover')) 28 $(targetCell).removeClass('dragover').removeClass('selected'); 29 }
現時点では、一番最後に通ったセルの色が残ったままになってしまいます。
よろしくお願いします
あなたの回答
tips
プレビュー