在学习js事件之前 我们先了解一下事件冒泡 和事件捕获
事件冒泡
由于觉得插个图片太麻烦 嘿嘿 我来给大家口述一下 丰富丰富大家的想象力；
首先我们有三个盒子 分别为 盒子1，盒子2。以下分别由1，2代替；
1位大盒子 2为1里面的小盒子 ；
我们给1设置点击事件点击2 系统执行顺序为1-2；
事假捕获
事件捕获的顺序恰恰相反 点击2 执行顺序为2-1；
点击事件——鼠标事件
lick：当用户单击鼠标按钮时触发。
dblclick：当用户双击主鼠标按钮时触发。
mousedown：当用户按下了鼠标还未弹起时触发。
mouseup：当用户释放鼠标按钮时触发。
mouseover：当鼠标移到某个元素上方时触发。
mouseenter: 在鼠标光标从元素外部首次移动至元素范围内触发，不参 与冒泡，而且在光标移动到后代元素上是不会触发的
mouseleave: 在位于元素范围内的鼠标光标移动到元素范围外之后触 发，这个事件不参与冒泡，而且在光标移动到后代元素上不会触发
mouseout：当鼠标移出某个元素上方时触发。
mousemove：当鼠标指针在元素上移动时触发。
点击事件——键盘事件
注：键盘事件大部分针对的是整个window 而不是某个节点
keydown：当用户按下键盘上任意键触发，如果按住不放，会重复触发。
keyup：当用户释放键盘上的键触发。
keypress：当用户按下键盘上的字符键触发，如果按住不放，会重复触发。
获取键盘按键的值
keycode：获取键盘上每个按键的值 可以通过值来判断客户点击的那个按键
