首页 > 代码库 > 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);