# js-事件

## 1. 基本事件

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20   Document 

 1 2 3 4 5 6 7 8  onclick 鼠标点击左键触发 onmouseover 鼠标经过触发 onmouseout 鼠标离开触发 onfocus 获得鼠标焦点触发 onblur 失去鼠标焦点触发 onmousemove 鼠标移动触发 onmouseup 鼠标松开触发 onmousedown 鼠标按下触发 

## 2.事件侦听器

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32   Document 

## 3.DOM事件流

    JS代码只会执行捕获阶段和冒泡阶段其中一个


onclick和attachEvent只能的到冒泡阶段 有些事件没有冒泡noblur、onfocus、onmouseenter、onmouseleave

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53   Document


## 4.阻止冒泡,我们在son的事件处理程序中添加e.stopPropagation();就不会触发其他元素的事件了

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54   Document


## 5.事件委托

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36   Document
• 我是11
• 我是12
• 我是13
• 我是14
• 我是15