Javascript拖放:成功删除拖放后的拖放元素
Javascript拖放:成功删除拖放后的拖放元素
提问于 2011-11-25 12:54:53
我在javascript中使用本机拖放API。如何在成功的下降之后从DOM中删除一个拖放元素？
- 我尝试过侦听drop事件，但是这个事件只会在被拖到的元素上触发，并且没有对正在拖动的元素的引用。
- 我试过听dragend元素，但这并不让我知道drop是否成功。
- 我试图避免将元素存储在全局变量中，因为如果在不同的选项卡或浏览器之间发生拖动，则会导致问题。
下面是一个例子：http://jsfiddle.net/KNG6n/3/
可以拖到盒子里的字母列表。当一个字母的节点被放到框中时，我希望将它从列表中删除(而不影响包含相同字母的任何其他列表项)
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-04-02 12:19:22
侦听拖放事件，并在使用拖动元素执行任何操作之前检查dataTransfer对象的dataTransfer变量：
htmlElement.addEventListener('dragend', function(event){
if(event.dataTransfer.dropEffect !== 'none'){
$(this).remove();
}
});Stack Overflow用户
发布于 2011-11-25 13:03:57
还请看下面的示例：http://html5demos.com/drag
变量el = document.getElementById(e.dataTransfer.getData('Text'))； el.parentNode.removeChild(el)；
Stack Overflow用户
发布于 2011-11-25 13:02:41
一种方法是将其赋值给在dragstart外部限定范围的变量，并在删除时使用该元素。
看这把小提琴。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8269445
复制相关文章
相似问题
腾讯云开发者
