引用案例：事件只能执行一次
array里面都是事件对象
点击box3区域时，则会有事件冒泡现象，即：box3响应后，box2（比他大一节）的区域，box1（比box2大一级）相应出现响应事件现象
捕获阶段：从外到内，（从大区域到小区域）
目标阶段：从内到外依次触发事件
false的意思在于事件是在捕获阶段还是目标阶段使用
事件委托：
举例：点击那个li，就是他这一行高亮显示
这个function参数中的e不是我们写的，这是系统在处理事件的时候的产物，this指向出发事件的函数，e指向真正触发事件的对象 ，而且我们也没有办法在事件触发的时候给这个函数传参数
但是IE9以前不支持这个e参数，在IE老版本的时候用的是window.event,IE9以后也支持这个，但是其他浏览器不一定支持，因此要做兼容性处理
用e=e || Window.event即可
遇到一个新的对象，就用console.dir()把他打印出来，来看她都有什么函数
以下是e的一些常用函数：
获取鼠标的位置：
body的区域是body内部元素的范围，如果页面内只有一个div，那body的范围就和div一样
上一种写法如果页面有滚动条就不对了，因为clientX和clientY是获取鼠标在可视范围内的位值，而不是页面内的位置
但是pageX在IE9之前并没有，因此就要去解决上一个clientX的问题了
而在这个问题上我们只需要把clientX加上页面滚动出去距离就可以了
滚动条属于窗口，因此可用window.scroll()来判断滚动条是否移动
scrollleft以及scrolltop是水平和竖直方向滚动条移动的距离
这个document.后面的东西有浏览器兼容问题
传参的时候就是传“e”（我们之前介绍过）
forEach在IE8不支持
取消默认行为的执行：
return false; 后续行为不会执行
e.preventDefauit();后面代码还会执行
是一些字符无法输入：（下例是不能输入a）
使其按回车时下一个文本框获取焦点
下一种方法是当按下回车时是回车对应的键改成tab对应键的ascall值，但是由于它是只读的，所以此方法不行
浏览器中的顶级对象：
在全局定义的变量和函数都是window下的变量和函数，即可用window.变量/函数（）来调用
在window里面有一些属性，比如window的num或top在window中是string类型，你如果定义他为变量，那么无论你给他赋什么值，他始终是string类型
