javascript-events-使用javascript中的dataTransfer对象拖放li元素

我正在自动化应用程序中的拖放功能之一.我正在尝试的是使用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很陌生,如果有人能指出正确的方向,我将不胜感激.

谢谢,
-尼罗什

解决方法:

只有新版本的浏览器才支持DragDrop功能.您是否尝试过Chrome 8,Safari 5或Firefox 3.6.它们都是新版本,应该在那里工作.

检查以下链接以获取帮助.

http://html5demos.com/drag

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

enter link description here

标签：drag-and-drop,javascript-events,javascript-framework,javascript
来源： https://codeday.me/bug/20191208/2094085.html