DOM——事件对象，this

事件对象上存储着事件发生时的相关信息

1、事件源对象：

    event.target    火狐只有这个
    event.srcElement    IE6/78只有这个
    这两个chrome都有 
    兼容性写法 var ele=event.target|| event.srcElement

2、鼠标事件触发时:

  altKey 鼠标事件发生时，是否按下alt键,返回一个布尔
ctrlKey 鼠标事件发生时，是否按下ctrl键,返回一个布尔
metaKey  鼠标事件发生时，是否按下windows/commond键,返回一个布尔
shiftKey 鼠标事件发生时，是否按下shift键,返回一个布尔
pageX  鼠标点击的  X 坐标；(包含body隐藏的)

pageY  鼠标点击的  Y 坐标；(包含body隐藏的)
clientX clientY返回鼠标位置相对于浏览器窗口左上角的坐标，单位为像素(不包括body隐藏的)
screenX screenY返回鼠标位置相对于屏幕左上角的坐标，单位为像素
movementX，movementY返回一个位移值，单位为像素，表示当前位置与上一个mousemove事件之间的距离offsetX/offsetY 相对于元素自己的x/y 跟它是否是定位的元素无关

3、事件触发时  handler函数内部会传入数据  触发时的信息

4、输入框的事件对象

输入事件的信息

 

键盘事件信息：

 

4、this关键字代表什么

 注意：this代表的是button，而形参代表的是事件对象

5、兼容信息（不能传参，如果传参就要判断一下）