dataTransfer(剪贴板)--拖动对象

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

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

dataTransfer 对象


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

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

< 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 >
< ID =oSource  href ="about:Example_Complete"  onclick ="return(false)"
ondragstart
="InitiateDrag()" > 测试锚 </ A >
< SPAN  ID =oTarget  ondragenter ="FinishDrag()" > 将链接拖曳到这里 </ SPAN >
</ BODY >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值