drag

阅读数:1094 发布时间:2016-06-25 17:24:56

作者:gsh 标签: HTML API drag

drag

解释:drag及拖动,是HTML5标准的组成部分,通过鼠标点击将一个页面元素拖起,与drop共同使用达到通过鼠标点击来移动一个页面元素等目的

设置元素可拖

<img draggable="true" />

draggable 的值设定为true
拖起后通过 dataTransfer.setData() 方法设置被拖数据的数据类型和值,如

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

拖动完成后调用drop进行放置

注:默认地,无法将数据/元素放置到其他元素中。如果需要设置允许放置,我们必须阻止对元素的默认处理方式。这要通过调用 ondragover 事件的 event.preventDefault() 方法

相关文章推荐: