关于事件和事件源一系列的兼容问题；

每个元素身上的事件都是天生自带的，只需要我们给这个事件绑定一个方法（不需要去定义它），当事件触发时就会执行这个方法

1、时间绑定的两种写法

（1）div.onclick=function(){}

（2）div.addEventListener()或div.attachEvent()

（1）与（2）这两者的区别

onclick是这个元素的私有属性，天生自带的，而addEventListener()是公有属性，从EventTarget（事件源）对象上继承来的；IE低版本的attach是公有de。

div.onclick存在事件冒泡，不存在捕获；

div.addEventListener()有冒泡也有捕获

div.attachEvent()只有事件冒泡。

2、div.addEventListener()和div.attachEvent()的区别

（1）attachEvent()只用在IE8以下，addEventListener()适合标准浏览器

（2）attachEvent()的事件名带on,addEventListener()的事件名不带on

（3）attachEvent()函数里面的this是undefined，addEventListener()的函数里面的this是当前元素对象

（4）attachEvent()只有冒泡没有捕获，addEventListener()有冒泡也有捕获

3、arguments

每个函数都有一个arguments对象，它是这个函数所有的参数构成的集合；在某个事件绑定的方法中，console.log(arguments)数组中有一个元素叫MouseEvent，每个事件的方法中浏览器都给他一个参数叫做MouseEvent，鼠标中的所有信息都临时存在这个mouseEvent对象上

4、mouseEvent的兼容性

var e=e||window.event;

5、Event对象的兼容性

clientX和clientY是鼠标到网页左上角的距离坐标，但IE低版本没有这个属性，

IE如何计算pageY的值：clientY+scrollTop

6、获取事件源，点击哪个元素，哪个元素就是事件源

标准：e.target

非标准：e.srcElement

7、阻止事件冒泡的兼容性

标准和非标准都兼容：event.cancelBubble=true

标准：event.stopPropaggation()

兼容上面两种：event.stopPropaggation？event.stopPropaggation():event.cancelBubble=true

8、阻止事件默认行为的兼容性

例如：a

a.href="javascript:;"取消刷新

标准和非标准都兼容取消刷新：event.preventDefault?event.preventDefault():event.returnValue=false