내 웹 페이지 중 하나에서 드래그 앤 드롭을하는 데 어려움이 있습니다. 드래그 이미지에는 반투명이라는 한계가 있기 때문에 요소에 대해 복제 된 요소를 만들었습니다.드래그 앤 드롭에서 드래그 이미지 사용자 정의 중 문제
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.