摘要:
源代码展示其中HTML结构如下:垃圾箱 列表1 列表2 列表3 列表4 列表5 列表6JS代码如下:var $ = function(selector) { /*简单的选择器方法*/ ...};var eleDustbin = $(".dustbin"... 阅读全文
摘要:
为了便于理解上面的粗体的事件啊对象啊什么的,做了个很简单的demo页面。您可以狠狠地点击这里:HTML5 drag & drop删除元素demo此demo实现的效果是把右侧的列表拖动到左侧的写着果敢的“垃圾箱”三个字的div层上,此列表元素就会从这个星球上消失。如下截图连环画所示:http://im... 阅读全文
摘要:
DataTransfer 对象:退拽对象用来传递的媒介,使用一般为Event.dataTransfer。draggable 属性:就是标签元素要设置draggable=true,否则不会有效果,例如:列表1ondragstart 事件:当拖拽元素开始被拖拽的时候触发的事件,此事件作用在被拖曳元素上o... 阅读全文
摘要:
简单地拖拽没有任何用处的数据实际上是被影响。有助于通过拖放操作数据的传输,Internet Explorer 5介绍数据传输对象,作为财产而存在事件是用于字符串数据从拖项目转移到下降的目标。因为它是一个属性事件,的数据传输对象不存在,除了在一个拖放事件的 事件处理程序的适用范围。在一个事件处理程序,... 阅读全文
摘要:
HTML5拖放API 拖放事件HTML5拖放API 拖放事件事件提供了拖放可以控制几乎所有方面的拖放操作。棘手的部分是确定每个事件触发:在拖项目火;别人火下降的目标。拖动项时,以下事件(按照这个顺序):拖曳开始拖dragend此刻你把鼠标按钮和开始移动鼠标的拖曳开始,事件触发的项目被拖。光标更改为... 阅读全文
摘要:
读取目录内容要读取目录的内容,可先创建 DirectoryReader,然后调用 readEntries() 方法。我们不能保证所有目录条目都能在仅调用一次 readEntries() 的情况下同时返回。也就是说,您需要一直调用 DirectoryReader.readEntries(),直到系统不... 阅读全文
摘要:
此时,我们会调用 FileEntry 的 createWriter() 方法获取 FileWriter 对象。在成功回调中为error 事件和 writeend 事件设置事件处理程序。通过以下操作将文字数据写入文件:创建 Blob,向 Blob 附加文字,然后将 Blob 传递到FileWriter... 阅读全文
摘要:
为了更好地理解 FileEntry,本部分还提供了执行常规任务的众多技巧。创建文件您可以使用文件系统的 getFile()(DirectoryEntry 接口的一种方法)查找或创建文件。请求文件系统后,系统会向成功回调传递FileSystem 对象,其中包含指向该应用相应文件系统的根的 Direct... 阅读全文
摘要:
在写这篇文章时,只有 GoogleChrome 浏览器可以实施此FileSystemAPI。目前尚不存在专门用于文件/配额管理的浏览器用户界面。要在用户的系统上存储数据,您的应用可能需要请求配额。不过,可使用--unlimited-quota-for-files标记运行Chrome浏览器进行测试。此... 阅读全文
摘要:
简介我常常想,如果网络应用能够读取和写入文件与目录,将会非常方便。从离线转移到在线后,应用变得更加复杂,而文件系统方面的API的缺乏也一直阻碍着网络前进。存储二进制数据或与其进行交互不应局限于桌面。令人欣慰的是,由于FileSystemAPI的出现,这... 阅读全文