位置:首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

HTML5 dataTransfer對(duì)象的屬性與方法

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-16

    HTML5支持拖拽數(shù)據(jù)儲(chǔ)存,主要使用dataTransfer接口,作用于元素的拖拽基礎(chǔ)上。dataTrans-fer對(duì)象包含以下幾個(gè)屬性和方法;

    ?dataTransfer.dropEffrct[=value]:返回已選擇的拖放效果,如果該操作效果與最初設(shè)置的effectAllowed效果不符,則拖拽操作失敗??梢栽O(shè)置修改,包含四個(gè)值:none、copy、link和move。

    ?dataTransfer.effectAllowed[=value]:返回允許執(zhí)行的拖拽操作效果,可以設(shè)置修改,包含九個(gè)值:none、copy、copyLink、copyMove、link、linkMove、move、all和uninitiallzed。

    ?dataTransfer.types:返回在dragstart事件觸發(fā)時(shí)為元素存儲(chǔ)數(shù)據(jù)的格式,如果是外部文件

的拖拽,則返回files。

    ?dataTransfer.clearData([format,data]): 刪除指定格式的數(shù)據(jù),如果未指定格式,則刪除當(dāng)前元素的所有攜帶數(shù)據(jù)。

    ?dataTransfer.setData(format,data): 為元素添加指定數(shù)據(jù)。

    ?dataTransfer.getData(format): 返回指定數(shù)據(jù),如果數(shù)據(jù)不存在,則返回空字符串。

    ?dataTransfer.files:如果是拖拽文件,則返回正在拖拽的文件列表FileList。

    ?dataTransfer.setDragimage(element,x,y): 指定拖拽元素時(shí)跟隨鼠標(biāo)移動(dòng)的圖片,x和y分 別是相對(duì)于鼠標(biāo)的坐標(biāo)。

    ?dataTransfer.addElement(element):添加一起跟隨拖拽的元素,如果想讓某個(gè)元素跟隨被拖拽元素一同被拖拽,則使用此方法。

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部