码迷,mamicode.com
首页 > 其他好文 > 详细

dataTransfer 对象

时间:2016-11-18 12:20:45      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:san   使用   设置   tar   nis   测试   htm   object   数据   

dataTransfer 对象


提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。

DHTML元素属性列表

属性描述
dropEffect 设置或获取拖曳操作的类型和要显示的光标类型。
effectAllowed 设置或获取数据传送操作可应用于该对象的源元素。
方法描述
clearData 通过 dataTransfer 或 clipboardData 对象从剪贴板删除一种或多种数据格式。
getData 通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。
setData 以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。

注释

dataTransfer 对象使得自定义处理拖曳操作成为可能。你可通过 event 对象完成这种功能。

dataTransfer 对象可于源对象和目标对象中使用。典型用法是,setdata 方法用于源事件,以便提供关于将要进行传送的数据的数据。相应的,getData 方法用于目标事件以便确保获取的数据和数据格式。

此对象在 Microsoft® Internet Explorer 5 的脚本中可用。

DHTML代码举例

下面的例子使用了 dataTransfer 对象的 setdata 和 getData 方法通过快捷菜单执行拖曳操作。

<HEAD>
<SCRIPT>
var sAnchorURL;
function InitiateDrag()
/*  setData 参数告诉源对象将数据传送为 URL 并提供
路径。*/
{
event.dataTransfer.setData("URL", oSource.href);
}
function FinishDrag()
/*  传递给 getData 的参数告诉目标对象所期望的数据
格式。*/
{
sAnchorURL = event.dataTransfer.getData("URL");
oTarget.innerText = sAnchorURL;
}
</SCRIPT>
</HEAD>
<BODY>
<A ID=oSource href="about:example_complete" onclick="return(false)"
ondragstart="InitiateDrag()">测试锚</A>
<SPAN ID=oTarget ondragenter="FinishDrag()">将链接拖曳到这里</SPAN>
</BODY>

dataTransfer 对象

标签:san   使用   设置   tar   nis   测试   htm   object   数据   

原文地址:http://www.cnblogs.com/Logo-TPM/p/6076912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!