上一篇介绍了拖拽的基础知识,这节我们谈谈拖拽的一些应用
HTML5不仅仅定义了拖拽的事件类型,还在事件对象中规范了一个重量级的对象:dataTransfer,借助它,我们可以实现数据传输、拖拽图案设定、拖拽文件上传,可通过event.dataTransfer来访问该对象.
数据的传输
需要借助event.dataTransfer对象的一些方法实现。通过setData(dataType:string,data:string)来设置待传输的数据,通过getData(dataType:string)来获取传送的数据.可设置文本、html类型、url类型等。 步骤如下:
dragstart ,设置数据drop,获取并访问数据。