HTML5 文件拖拽操作 笔记

html5文件拖拽，支持html页面内部内容拖拽，文字，图片等。同时支持pc本地文件拖拽。

drag & drop

dragenter ： 拖拽移入事件

dragleave ：拖拽移开事件

dragover ： 拖拽放入前需要取消的默认事件的事件

 e.preventDefault(); //阻止该事件的默认事件
            e.stopPropagation(); //阻止冒泡事件

drop ： 拖拽放入事件，放入后可以获取放入内容，录入，文字，图片，pc本机文件等。

 

e.dataTransfer.files.length :： 如果拖拽的是文件，这个可以判断是否存在文件，因为files永远是ture

e.dataTransfer.files ：获取files文件集合

e.dataTransfer.getData('text/plain') ：获取拖拽到的文字

e.dataTransfer.getData('text/uri-list') ： 获取拖拽到的图片列表。