javascript - 在 Javascript 中使用 dataTransfer 对象拖放 li 元素

Question

我正在自动化我们应用程序中的一项拖放功能。我所尝试的只是使用 dataTransfer 对象通过 javascript 将 li 元素从“sourcelist”拖放到“deSTList”。这是我所做的，我在 Firefox 中收到错误。说“event.dataTransfer 未定义”

<div id=source> 
  <ul id=sourcelist>
   <li title='foo1'>foo1</li>
   <li title='foo2'>foo2</li>
  </ul>
</div>
<div id=dest>
 <ul id=destlist> </ul> 
</div>


event.dataTransfer.setData("text/html","<li title='foo1'>foo1</li>");
var textData = event.dataTransfer.getData("text/html");
var target=document.getElementById('destlist');
target.innerHTML=textData;

我必须初始化对象事件吗？如何以编程方式创建用于拖放的事件对象？我是 Javascript 的新手，如果有人能指出正确的方向，我将不胜感激。

Answer 1

拖放功能仅在较新版本的浏览器中受支持。你试过 Chrome 8、Safari 5 或 Firefox 3.6 吗？它们都是新版本，应该可以在那里使用。

查看以下链接以获取帮助。

http://html5demos.com/drag

http://html5doctor.com/native-drag-and-drop/

enter link description here