七天一本高程3_第四天

---

title: 七天一本高程3_第四天
date: 2016-10-04 08:49:59
tags:

---

事件

​ 先说一下高程3没解释清楚的概念，前面它提出根本不存在DOM0那么后面直接说DOM0级事件，这里存在一个误解

所谓的DOM0级事件是因为DOM1主要做的是映射标签结构（XML），DOM2事件绑定，DOM3新增了DOMContentLoad等新的事件。

DOM0级别事件绑定：

oBtn.onclick = show;function show(){alert(1)};

DOM2级事件绑定：

oBtn.addEventListener('click',show,false);//IE下使用attachEvent 弹出顺序不同，因为它是冒泡

这里说个大家容易疑惑的就是

onmouseover和onmouseenter啥区别？

事件触发情况一样，但是注意它不冒泡，之前我们说过三大不冒泡事件，其实它也是。

实现的乱七八糟的滚轮事件

chrome/IE:mousehwheel 上正下负   数值用wheelDelta, 120的倍数
FF:DOMMouseScroll: 上负下正 数值是detail   3的倍数

HTML5事件

1.contextmenu右键菜单事件

​ 记得阻止默认事件，然后这个经常在自定义菜单的时候使用。

2.DOMContentLoaded！！！！

​ 移动端的onload 没有它移动端没法玩，相当重要。

3.readystatechange

​ 跟楼上差不多只不过只能在IE和FF下使用。

4.hashChange

​ 哈希值#后面的东西改变的时候，做路由很有用。

5orientationchange 手机横竖屏事件

6.deviceorientaion

设备方向改变的时候。

7.devicemotion

做手机摇一摇功能必须用的事件。后面我写例子。

8.触摸与手势事件

​ 不墨迹，写个无缝轮播图。

事件委托

​ 说完HMML5事件说事件委托，事件委托三句话。

​ 1.为了性能等等

​ 2.给未来元素加事件

​ 3.为了模拟事件。

canvas 真心有用开始专题说。

在说canvas和高三后半部分之前，先把之前欠的几个账不上，系统的说下

angular

canvas

php

git

Gulp