自定義拖放圖像時發生的問題

我被困在做一個拖放在我的網頁之一。由於拖動圖像具有半透明的限制。因此，我爲我的元素創建了一個克隆元素。自定義拖放圖像時發生的問題

this.test = e.target.cloneNode(true); 
this.test.style.position = "absolute"; 
document.body.appendChild(this.test); 
this.ng2DragDropService.dragImage = this.test;

創建元素後，我就拖動我上面創建的元素在下面的代碼：當我拖動元素在上面的場景是我的代碼不會去發生

let mouseX = e.pageX; 
    let mouseY = e.pageY; 
    if (this.allowDrop(e)) { 
     if (this.el.nativeElement.classList != undefined && this.el.nativeElement.classList != null) 
      this.el.nativeElement.classList.add(this.dragOverClass); 
      e = e || window.event; 
       this.ng2DragDropService.dragImage.style.backgroundColor = "orange"; 
       this.ng2DragDropService.dragImage.style.left= mouseX + "px"; 
       this.ng2DragDropService.dragImage.style.top= mouseY + "px"; 
     e.preventDefault(); 
} 
}

問題放下事件。

但是，如果我註釋掉

this.ng2DragDropService.dragImage.style.top= mouseY + "px";

行代碼或使用其他位置比頂部（如底部，右）我的拖放工作正常，但在拖動圖像的情況下，定位不，什麼我需要。

請指導或幫助，我做錯了什麼，因爲我已經在這個問題上只花了2天。

P.S - >我使用TGIS拖放在角2

來源

2017-04-19 user3856563

我猜你可能想學一些自定義的角度指令。

這裏是一個受歡迎的資源：https://github.com/nervgh/angular-file-upload

和演示： http://nervgh.github.io/pages/angular-file-upload/examples/simple/

來源

2017-04-20 02:58:29 jackdon

自定義拖放圖像時發生的問題

回答

相關問題