高三 （17）HTML5

1. 跨文档消息传递

• postMessage() 方法

2. 拖放事件

1. 元素的拖拽事件

• ondragstart //开始拖拽事件
• ondragend //拖拽结束
• ondrag //拖拽进行中连续触发

2. 目标事件：

• ondragenter 拖拽元素进入目标元素
• ondragleave 拖拽元素离开目标元素
• ondrageover 拖拽元素悬停在目标元素之上连续触发
• ondrop 推拽元素在目标元素上释放

3. 如何在拖动的源对象事件和目标对象事件间传递数据

• e.dataTransfer
• e.dataTransfer.effectAllowed = ‘copyLink’ //拖拽鼠标样式

4. ondrop 事件想要触发，必须在 ondragover 事件中阻止默认事件
5. draggable 元素可拖动

<div class="small" draggable="true">小</div>

3.媒体元素 video 和 audio (略)

4. 历史状态管理

• hashchange 事件
• history.pushState() 不刷新页面的情况下,修改浏览器的URL, 接收三个参数, 1. 状态对象 2. 新状态标题 3. 相对的URL
• popstate 事件 ,监听 浏览器前进后退按钮
• replaceState() 重写当前状态,接收两个参数, 和pushState前两个参数一样