[英]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.