文档分值:13

html >>> html >>> 图形与交互类API

课程目录

基础
格式
表单
框架
图像
音频/视频
链接
列表
表格
样式
元信息
编程
图形与交互类API
计算类API
硬件相关API
通讯类API
存储类API
其它杂项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() 方法

[ 该条目创建时间:2016-06-25 17:24:56 ]