5-15
来源:互联网 发布:2016年农业保险数据 编辑:程序博客网 时间:2024/05/22 01:43
HTML5 拖放API
1.被拖动元素draggable属性设置为true
2.绑定事件
dragstart: 被拖动元素
dataTransfer: 对象专门用来存放拖动时要携带的数据
dragend: 拖放的元素(拖放操作结束) 需设置不执行默认处理e.preventDefault()(拒绝被拖放)
drop: 拖放目标元素(其他元素被拖放到本元素中) 需从dataTransfer对象中取得数据 不执行默认处理和停止事件传播 e.preventDefault() e.stopPropagation()
3.要实现拖放过程,还需设定整个页面不执行默认处理,否则不能实现。因为页面是优先于其他元素接受拖放的,如果页面拒绝,那么页面上其他元素也都不能接受拖放。 document.ondragover && ondrop → e.preventDefault()
DataTransfer对象的属性和方法:
setData(MIME.TYPE,data): 设置数据getData(MIME.TYPE): 从setData拿数据clearData: 清除数据MIME: text/plain 文本文字 text/html html文字 text/xml xml文字 text/url-list URL列表,每个URL为一行
WebStorage
HTML5中,可以在本地保存数据的Web Storage功能。
分为sessionStorage与localStorage.
属性:
localStorage.length // 保存数据的条数localStorage.key(index) //想要得到数据的索引
保存数据:
sessionStorage.setItem(key,value); localStorage.setItem(key,value);
读取数据
var str = sessionStorage.getItem(key,value); var str = localStorage.getItem(key,value);
清除storage
sessionStorage.clear();localStorage.clear();
0 0
- 5-15
- 5-15
- 5月15会议
- 5月15
- 2010/5、15
- 2011/5/15
- 15-5 电子词典
- 15周问题5
- 5-15abs,cordova
- 编程练习5/15
- 5-15 计算圆周率
- 5-15 计算圆周率
- 2016/5/15
- 15章实例5
- 5月15日
- 【2017-5-15】
- 5-15 计算圆周率 (15分)
- 5-15 计算圆周率 (15分)
- 强叔侃墙 VPN篇 VPN技术简介
- 我理解的区间DP
- Word Search leetCode,,
- 欢迎使用Markdown编辑器写博客<存档>
- unity3d项目文件目录发布后,对应的ios/android应用目录
- 5-15
- 如何在有序数组中给出指定数字出现的次数
- ntpdate命令遇到“the NTP socket is in use, exiting”
- 量子力学第九弹——微扰论
- VIM技巧2 – 删除空行 (正则表达式)
- delphi代码上传到svn后出现对齐不统一的问题解决
- 五月总结
- 设计模式之PHP项目应用——23种设计模式目录
- Asp.net 从Excel读取图片并保存,无法从内存读取图片,Excel组件和相关IIS的配置及解决办法