HTML 5 拖放

亲自试一试

它看上去也许有些复杂，不过我们可以分别研究拖放事件的不同部分。

在上面的例子中，ondragstart 属性调用了一个函数，drag(event)，它规定了被拖动的数据。

dataTransfer.setData() 方法设置被拖数据的数据类型和值：

function drag(ev)ev.dataTransfer.setData( Text ,ev.target.id);

在这个例子中，数据类型是 Text ，值是可拖动元素的 id ( drag1 )。

默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。

这要通过调用 ondragover 事件的 event.preventDefault() 方法：

event.preventDefault()

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。