位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5 dataTransfer对象的属性与方法

提问人:刘团圆发布时间:2020-11-16

    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):添加一起跟随拖拽的元素,如果想让某个元素跟随被拖拽元素一同被拖拽,则使用此方法。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部