我怎样才能将物品留在原来的位置，并且让物品不移动并留在原处？

Question

当我放下该项目时，它会移动到另一个位置并且不适合那里，但我想将其放置在这些坐标处。

const onDrop = (event) => {
    let x = event.clientX;
    let y = event.clientY;
   
   
    let itemId = event.dataTransfer.getData('text/plain');
    let item = document.getElementById(itemId).cloneNode(true);

    

    item.style.position = "absolute";
 
    item.style.left = x + 'px';
    item.style.top = y + 'px';
  
    event.target.appendChild(item);
}

Answer 1

const onDrop = (e) => {

var rect = e.target.getBoundingClientRect(); 
var x = e.clientX - rect.left -30 ; 
var y = e.clientY - rect.top-30; 

let itemId = e.dataTransfer.getData('text/plain');
let item = document.getElementById(itemId);

item.style.position = "absolute";

item.style.left = x + 'px';
item.style.top = y + 'px';

e.target.appendChild(item);}