web开发文档，css表格居中对齐

什么是事件

这个其实不是很好描述，有可能是由用户发起的，比如鼠标事件，键盘事件，窗口事件，表单事件，也有可能是页面加载资源过程中的事件。常见的事件比如：click, dbclick, keydown, keypress, keyup, mousemove, wheel, scroll, focus, blur, load, unload, abort, error, resize, change, select, submit, 大概这些及其相关的。

事件传播机制

标准的事件是怎么触发以及传播的呢？

总体来说，事件传播分为三个阶段：

1. 事件捕获阶段（capture phase），就是事件从window开始一层一层向目标传递的阶段
2. 目标阶段（target phase），当事件到达事件发生现场的阶段
3. 事件冒泡阶段（bubble phase），和事件捕获阶段相反，事件从目标到window传递的阶段

IE8及其以下的事件只有冒泡，没有捕获。

---

事件委托/代理

有个提到比较多的就是事件委托。因为事件有冒泡机制，我们可以不在目标元素监听事件，而在它的父元素监听。一个比较经典的例子，一个拥有很多子项的无序列表，需要监听子项上的点击事件。此时，我们将监听绑定在父元素ul上，当点击li元素时，由于事件的冒泡机制，ul层也能触发点击事件。但是如何判断你点击的就是你想要的li元素，而不是ul元素本身，用事件对象event的目标元素属性target来判断就好了，即event.target。

这样做的优点有：提高性能，从监听多个事件减少到监听一个事件，效率肯定得到提升；能动态地自适应，比如再在ul元素内加一个li子元素，传统的方法就需要再增加一个监听事件，而利用事件委托就可以以不变应万变。

---

事件实现方式

原始事件实现方式（DOM0）

也称DOM0事件处理方式，DOM0不是W3C的标准，由于历史发展的原因，它存在过也一直存在着。很简单，只要在html元素中添加on+事件的属性即可。

<button id='myButton' onclick='doSome