2015年12月20日

摘要: 必须在dragend和dragover事件内调用“事件对象.preventDefault()”方法。因为在默认情况下,拖放的目标元素是不允许接受元素的,为了把元素拖放到其中,必须把默认处理给关掉。目前支持拖动处理的MIME的类型:1.text/plain:文本文字2.text/html:HTML 文... 阅读全文
posted @ 2015-12-20 18:05 布拉格格 阅读(619) 评论(0) 推荐(0)
摘要: DataTransfer对象专门用来存储拖放时要携带的数据,它可以被设置为拖放事件对象的DataTransfer属性。---把拖动的数据存入其中setData有两个参数:1.第一个参数为携带数据的数据种类的字符串,只能填入类似“text/plain”或“textml”的表示 MIME类型的文字2.... 阅读全文
posted @ 2015-12-20 18:04 布拉格格 阅读(4456) 评论(1) 推荐(0)
摘要: 拖动过程会触发很多事件,主要有下面这些: 1.dragstart: 网页元素开始拖动时触发 2.drag: 被拖动的元素在拖动过程中持续触发 3.dragenter: 被拖动的元素进入目标元素时触发,应在目标元素监听该事件 4.dragleave: 被拖动的元素离开目标元素时触发,应在目标元素监... 阅读全文
posted @ 2015-12-20 18:03 布拉格格 阅读(167) 评论(0) 推荐(0)
摘要: 1.将要拖放的对象元素的draggable属性设为true(draggable=="true")。这样才能将元素拖放。注意:img元素和a元素,必须指定href,默认允许拖放。2.编写与拖放有关的事件处理代码(*draggable 属性当用户拖动 draggable 元素时,Internet Exp... 阅读全文
posted @ 2015-12-20 18:02 布拉格格 阅读(154) 评论(0) 推荐(0)
摘要: 拖放功能是电脑用户认为理所应当能够“顺畅运行”的功能,我们有数种方法在浏览器中启用此功能。Windows Internet Explorer 9 和早期版本的 Windows Internet Explorer 支持用于拖动图像、链接和文本的 DataTransfer 对象和事件。Internet ... 阅读全文
posted @ 2015-12-20 18:01 布拉格格 阅读(161) 评论(0) 推荐(0)
摘要: Blob 构造函数使 Web 开发人员可直接在客户端上创建或操作 Blob(经常等效于一个文件)。 该构造函数在 W3C 的文件 API 规范中进行定义,该规范目前尚处于工作草案阶段。在较早版本的文件 API 中,你可以读取文件,但无法直接在客户端中编辑它们。你可以更改文件的表示形式,但要保存这些编... 阅读全文
posted @ 2015-12-20 17:49 布拉格格 阅读(615) 评论(0) 推荐(0)
摘要: 1.readAsBinaryString(Blob blob); 传入一个Blob对象,然后读取数据的结果作为二进制 字符串的形式放到FileReader的result属性中2.readAsText(Blob blob,optional DOMString encoding); 第一个参数传入Blo... 阅读全文
posted @ 2015-12-20 17:46 布拉格格 阅读(233) 评论(0) 推荐(0)
摘要: FileReader 接口包含了一套完整的事件模型,用于捕获读取文件时的状态onabort 中断onerror 出错onloadstart 开始onprogress 正在读取onload 成功读取onloadend 读取完成(无论成功失败) 阅读全文
posted @ 2015-12-20 17:46 布拉格格 阅读(228) 评论(0) 推荐(0)
摘要: 1.FileList对象 FileList对象是File对象的一个集合,设置multiple就可以多文件上传。2.Blob对象Blob对象就是一个二进制原始数据对象,它提供了slice方法可以读取字节内部的原始数据块,他有两个属性:size type3.File对象 继承自Blob对象,指向一个具体... 阅读全文
posted @ 2015-12-20 17:45 布拉格格 阅读(419) 评论(0) 推荐(0)
摘要: Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用引入了对文件 API 的支持。文件 API 是万维网联合会 (W3C) 的一个 Web 规范草案,用来表示 Web 应用程序中的文件对象并以编程方式选择它们及访问其数据。 文件 API 当前正由 ... 阅读全文
posted @ 2015-12-20 17:44 布拉格格 阅读(211) 评论(0) 推荐(0)