dataTransfer 对象-HTML元素（26）

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

　　注释

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

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

　　示例

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

　　SHOWExample

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

　　查看更多HTML教程》》》》》