HTML5+CSS3学习笔记(二)

1. 网络状态监听接口

online 在线状态
offline 离线转态
例如：

window.addEventListener('online',function(){
	console.log('网络连接')
})
window.addEventListener('offline',function(){
	console.log('网络断开')
})

2. 全屏操作的主要方法和属性

Element.requestFullScreen() – 全屏显示
document.cancelFullScreen() – 退出全屏显示
document.fullScreenElement() – 是否全屏显示

3. FileReader

使用场景：

• 网站性能优化
• 图片等实时预览

4. HTML5中的拖拽

在HTML5中，如果想要实现拖拽，就必须为元素添加draggable=‘true’,图片和超链接默认可以拖拽。

<p draggable='true'>哈哈哈</p>

拖拽事件

1. 被拖拽元素的事件
2. 目标元素的事件

5. HTML5中的地理定位