自定义拖放图像时发生的问题
问题描述:
我被困在做一个拖放在我的网页之一。 由于拖动图像具有半透明的限制。因此,我为我的元素创建了一个克隆元素。自定义拖放图像时发生的问题
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
答
我猜你可能想学一些自定义的角度指令。
这里是一个受欢迎的资源:https://github.com/nervgh/angular-file-upload
和演示: http://nervgh.github.io/pages/angular-file-upload/examples/simple/