javascript拖放事件中的数据传送

在javascript拖放中也有数据的传输,传输的对象是dataTransfer.dataTransfer是作为event的一个特性出现的,是用来从被拖动的字符串数据传给放置目标的.
dataTransfer有两个方法,一个是getData(),是用来获取值的,只有唯一个参数"text"或者"URL";一个是setData()是用来设置值的,两个参数一个是"text"或者"URL",另一个是设置的字符串值;

举例:oEvent是window.event的属性.
oEvent.dataTransfer.setData("text","sometext");
var sforaspcn = oEvent.dataTransfer.getData("text");
oEvent.dataTransfer.setData("URL","http://www.forasp.cn/");
var sforaspcn = oEvent.dataTransfer.getData("URL");
如果多次调用setDate的text,则会覆盖原来的储存值.

dataTransfer有两个属性,是对被拖动对象和放置目标设置可以做那种动作的,分别是effectAllowed和dropEffect.

dropEffect特性是设置在放置目标上的,用来确定允许那种类型的放置行为,有四种值.
1.none-(www)被拖动对象不能放在这个地方,出了文本以外的所有对象都默认该值,也就是说只能拖动到text里面,其它放置对象不能接收拖动对象.
2.move-(.)表示被拖动对象应该移动到放置对象上.
3.copy-(forasp)表示拖动的对象应该复制到放置对象上.
4.link-(.cn)表示放置对象将会浏览到被拖动的对象,这个只能是URL时才有效果.

//

effectAllowed是设置被拖动对象的特性,如果设置了该特性,则对应的下面的dropEffect会收到对应的影响.它可以设置的值如下
1.uninitialized-没有为拖动的对象设置任何动作,拒绝任何动作.
2.none-被拖动的对象上不允许任何动作.拒绝任何动作.
3.copy-只允许dropEffect中的copy
4.link-只允许dropEffect中的link
5.copyLink-只允许dropEffect中的copy和link
6.copyMove-只允许dropEffect中的copy和Move
7.linkMove-只允许dropEffect中的link和Move
8.all-允许所有的dropEffect.

代码在此不在写出,请查看效果:javascript拖放事件中的数据传送