zoukankan      html  css  js  c++  java
  • 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="about:example_complete" onclick="return(false)"
    ondragstart="InitiateDrag()">测试锚</A>
    <SPAN ID=oTarget ondragenter="FinishDrag()">将链接拖曳到这里</SPAN>
    </BODY>
  • 相关阅读:
    Eclipse下载
    Java为什么需要基本类型
    今日学到乱写
    图解HTTP——阅读笔记
    HashMap以及ConcurrentHashMap
    别个代码阅读学习(一)
    nodeJs配置相关以及JSON.parse
    数据库设计那些事儿
    数据库特训系列1——基础拾遗
    机器学习之词语识别——记录
  • 原文地址:https://www.cnblogs.com/Logo-TPM/p/6076912.html
Copyright © 2011-2022 走看看