首页 > 代码库 > dataTransfer 对象
dataTransfer 对象
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="http://www.mamicode.com/about:example_complete" onclick="return(false)"ondragstart="InitiateDrag()">测试锚</A><SPAN ID=oTarget ondragenter="FinishDrag()">将链接拖曳到这里</SPAN></BODY>
dataTransfer 对象
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。