HTML5 dataTransfer对象的属性与方法

    HTML5支持拖拽数据储存，主要使用dataTransfer接口，作用于元素的拖拽基础上。dataTrans-fer对象包含以下几个属性和方法；

    •dataTransfer.dropEffrct[=value]:返回已选择的拖放效果，如果该操作效果与最初设置的effectAllowed效果不符，则拖拽操作失败。可以设置修改，包含四个值：none、copy、link和move。

    •dataTransfer.effectAllowed[=value]:返回允许执行的拖拽操作效果，可以设置修改，包含九个值：none、copy、copyLink、copyMove、link、linkMove、move、all和uninitiallzed。

    •dataTransfer.types:返回在dragstart事件触发时为元素存储数据的格式，如果是外部文件

的拖拽，则返回files。

    •dataTransfer.clearData([format,data]): 删除指定格式的数据，如果未指定格式，则删除当前元素的所有携带数据。

    •dataTransfer.setData(format,data): 为元素添加指定数据。

    •dataTransfer.getData(format): 返回指定数据，如果数据不存在，则返回空字符串。

    •dataTransfer.files：如果是拖拽文件，则返回正在拖拽的文件列表FileList。

    •dataTransfer.setDragimage(element,x,y): 指定拖拽元素时跟随鼠标移动的图片，x和y分 別是相对于鼠标的坐标。

    •dataTransfer.addElement(element)：添加一起跟随拖拽的元素，如果想让某个元素跟随被拖拽元素一同被拖拽，则使用此方法。