HTML5中支持拖拽功能、地理位置定位以及数据存储技术

本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web

文章目录

• 1.基础

• 2.拖拽

• • 2.1 拖拽元素
  • 2.2 目标元素

• 2.历史

• 3.地理定位

• 4.全屏

• 5.Web存储

• • 5.1 常见API
  • 5.2 网络状态

1.基础

• 拖拽
• 历史
• 地理位置
• 全屏

2.拖拽

图片和链接是默认开启拖拽的

2.1 拖拽元素

    <div class="box1" draggable="true"></div>

• 通过上述设置可以使box1达到拖拽效果；同时，在拖拽完成后需要执行特定操作，并涉及事件监听。

拖拽元素的事件监听：

• ondragstart 在拖拽操作启动时被触发
• ondragleave 在拖拽操作结束时被触发
• ondragend 该操作会在拖拽过程中持续执行
• ondrag 该事件会在拖拽过程中不断被捕获

    box.ondragstart = function () {//拖拽开始
    ······
    }
    box.ondragleave =   //拖拽离开
    box