DOM操作（高级）

1、注册事件：给元素添加时间称为注册事件或绑定事件。
注册事件有两种方式：传统方式和方法监听注册事件。
2、传统注册方式：利用on开头（onclick）。特点：注册事件的唯一性，同一个元素同一个事件，只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数。
3、方法监听注册方式：W3C标准，推荐方式；addEventListener（）是一个方法；特点；同一个元素，同一个事件可以注册多个监听器，按注册顺序依次执行。
4、DOM事件流：事件发生时，会在元素节点之间按照特定顺序传播，这个传播过程即DOM事件流。
注意：（1、js代码中只能执行捕获或者冒泡其中一个阶段。（2、onclick和a’t’tachevent只能得到冒泡阶段（3、addEventListener第三个参数如果是true，则属于捕获阶段。如果是false或省略则属于冒泡阶段。
（4、有些事件是没有冒泡的，比如onblur、onfocus、onmouseenter、onmouseleave。

事件对象
1、event即是一个事件对象，是写在侦听器函数小括号里面的，可以当形参来看，（它是系统自动创建的，所以不需要传递实参）。事件对象只有有了事件才会存在（比如鼠标点击、移动等）。事件对象是我们事件的一系列相关的集合（比如鼠标点击就包含了鼠标的坐标啊，键盘事件等）。这个事件对象我们可以自己命名。event 、 eve、或e （更常用e）。
2、常见事件对象的属性和方法
e.target （返回是触发事件的对象。点击了哪个元素就返回那个元素）
this（返回的是绑定事件的元素，哪个元素绑定了该事件，就返回这个元素）
3、事件委托
事件委托也称为事件代理，在JQuery里面称为事件委派。
事件委托的原理：不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

常用键盘事件
onkeyup 键盘松开时触发
onkeydown 键盘按下时触发
onkeypress 键盘按下时触发，但是它不识别功能键，比如ctrl shift、箭头等。
注意点；使用addEventListener不需要加on；三个事件执行的顺序时onkeydown onkeypress onkeyup .
1、键盘事件对象属性，keycode；返回该键的ASII值。
实际开发中，更常用的时onkeyup 和onkeydown ，因为它能识别所有的键（包括功能键），keypress不识别功能键，但是能区分大小写，返回不同的ASII值。
2、注意点：keydown和keypress在文本框里面的特点：他们俩个事件触发的时候，文字还没有落入文本框中。