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?

度过美好的一天=）

我怎样才能得到落点？ [拖放]

1 个答案: