繁体   English   中英

我如何获得下降点密码? [拖放]

[英]How can i get the drop point indormation? [drag and drop]

现在,我试图在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元素拖动到放置点并将其放置时,我想捕获此id属性(放置点)。

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

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

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

  evt.preventDefault();
}, false);
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():如何获取当前的x,y坐标?

祝你有美好的一天=)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM