首页 > 软件操作教程 > 编程开发 > HTML
题目内容

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

网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端