我如何获得落点信息？ [拖放]

Question

现在我正在尝试在 html5 上实现拖放。 我想知道如何捕获我放置内容的信息。 比如……

<div id="droppoint"></div><ul> <li draggable="true">1</li> <li draggable="true">2</li> <li draggable="true">3</li> <li draggable="true">4</li> <li draggable="true">5</li> </ul>

当我将这个 li 元素拖到 droppoint 并放下它时，我想捕捉这个 id 属性（droppoint）。

erea.addEventListener("drop", function(evt) {

  var droptext = evt.dataTransfer.getData("text");

  console.log('============================');
  console.log(droptext);
  console.log('============================');

  evt.preventDefault();
}, false);

Answer 1

function drag_over(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}
function drop(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}

http://jsfiddle.net/robertc/kKuqH/30/

clientX 和 clientY 是当前客户的坐标（他的指针），所以如果你在他掉落的时候得到客户的坐标，你就知道他把物品扔到哪里了。

在这里找到它：HTML5: dragover(), drop(): how get current x,y coordinates?

祝你有美好的一天=)