dataTransfer（剪贴板）－－拖动对象

lqscoke

于 2007-01-11 13:49:00 发布

阅读量430

点赞数

CC 4.0 BY-SA版权

分类专栏： 1.0 JavaScript 文章标签： function url 测试

本文链接：https://blog.youkuaiyun.com/lqscoke/article/details/1480128

1.0 JavaScript 专栏收录该内容

61 篇文章

订阅专栏

本文介绍了dataTransfer对象的基本概念，该对象允许在拖放操作中访问预定义的剪贴板格式。主要内容包括如何使用setData方法设置数据及getData方法来获取指定格式的数据。通过示例展示了如何在拖放操作中实现数据的传输。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

dataTransfer 对象

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

getData	通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。
setData	以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。

<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>