首页 > 代码库 > 6月2号=》46页-50页
6月2号=》46页-50页
2.5.3 DataTransfer对象
dataTransfer.dropEffect:设置或返回拖放目标上允许发生的拖放行为。如果此处设置的拖放行为
不在effectAllowed属性设置的多种拖放行为内,拖放操作将会失败。该属性值只允许为:"none"、
"copy"、"link"、"move"四个值之一。
dataTransfer.effectAllowed:设置或返回被拖动元素允许发生的拖动行为。该属性值可设置为"none"、
"copy"、"copyLink"、"copyMove"、"link"、"linkMove"、"move"、"all"、"uninitialized"。
dataTransfer.items:该属性返回DataTransferltems对象,该对象代表了拖动数据。
dataTransfer.setDraglmage(element,x,y):设置拖放操作的自定义图标。其中element设置自定义图标,
x设置图标与鼠标在水平方向的距离:y设置图标与鼠标垂直方向的距离。
dataTransfer.addElement(element):添加自定义图标。
dataTransfer.types:该属性返回一个DOMStringList对象,该对象包括了存入dataTransfer中数据的所有类型。
dataTransfer.getData(format):获取DataTransfer对象中format格式的数据。
dataTransfer.setData(format,data):向DataTransfer对象中设置format格式的数据。其中format代表数据格式,data代表数据。
dataTransfer.clearData([format]):清楚DataTransfer对象中format格式的数据。如果省略format格式,则意味着清楚DataTransfer
对象中的全部数据。
2.5.4 拖放行为
通过设置DataTransfer对象的effectAllowed、dropEffect两个属性可以控制拖放行为。
effectAllowed用于控制被拖动元素的拖动行为,dropEffect则控制被"放"如的目标组件的行为。
需要注意如下4点:
如果effectAllowed设为none,则不允许拖动该元素。
如果dropEffect设置为none,则被拖动的元素不能"放"到本元素中。
若果effectAllowed设置为all或不设置,则dropEffect可设置为任务属性值(因为都在all范围之内)
而且将会遵守dropEffect指定的拖放行为。
如果effectAllowed指定了特定的拖放行为,例如move、copy等,那么dropEffect指定的属性值
必须是effectAllowed指定的多个属性值的子集。
2.5.5 改变拖放图标
DataTransfer.setDragImage("img对象",0,0);