0
私のWebページの1つでドラッグアンドドロップをしています。 ドラッグイメージには半透明の制限があるため、私は自分の要素に対して複製された要素を作成しました。ドラッグアンドドロップでドラッグイメージをカスタマイズする際に問題が発生する
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 - >私はあなたが周りの角度指令をカスタマイズ何かを学びたいと思うかもしれ推測角度2.