事件

DOM事件：

事件三要素：
1.事件对象： 事件绑定的对象
2.事件名称：事件的种类
3.事件处理函数： 事件触发后要做什么
事件的写法：
1.HTML事件 过去的写法
2.脚本模型（现代事件绑定）现在主流的写法
3.W3C事件 未来会流行的写法
（1）将事件以属性的形式写入页面标签中

<button onclick="alert('hello')">按钮</button>

上述这种写法是最简单的写法，但是也有优点和缺点。
优点：简单易懂
不足：不能处理大量事件
缺点：JS代码与HTML耦合度太高，不利于多人协作
onclick：点击事件
（2）在JS中完成事件的绑定：

ojb.on-事件名=fn;

事件对象：对事件的一个抽象
当事件触发时，系统会产生一个事件对象，并且将这个对象传递给事件函数
注意：在低版本IE中（IE8以下）事件对象不生效：
要用：

window.evet

事件兼容性写法：

e=e||window.evet

拦截默认行为：比如超链接，它的默认行为就是执行时跳转页面，有时候我们不想让它跳转，这时就要拦截超链接。
拦截超链接：

<a href="javascript:viod(0)"></a>

事件流：
冒泡：事件由最具体的对象触发，层层向外传递，直到最外层元素，早期的浏览器都是这种。
捕获：由最外层触发，层层向内传递，直到具体元素。
阻止事件冒泡;
低版本IE：

cancelBubble=true;

高版本：

e.stopPropagation();

也可以用三元运算符来做：

e?e.stopPropagation():window.event.cancelBubble=true;

鼠标事件：
click / dblclick
mouseover /mouseout
mousedown / mouseup / mousemove
其他事件：
load / change / resize
焦点：
focus / blur
键盘事件：
keydown / keyup / keypress