dom事件对象以及兼容写法

DOM中的事件对象
兼容DOM的浏览器会将一个event对象传入到事件处理程序中，无论指定事件处理程序时使用什么方法（DOM0或DOM2）都会传入event对象
btn.onclick = function (event) { // event}
event上的属性
type: 被触发的事件的类型
target: 事件目标：触发该事件的具体元素
currentTarget：其事件处理程序当前正在处理事件的那个元素 （this始终是这个）
stopPropagation(): 取消事件进一步捕获或者冒泡 （如果bubble是为true，则可以使用这个方法）**
preventDefault(); 取消事件的默认行为 （如果cancelable是true，则可以使用这个方法）**
screenX: 距离屏幕左侧
screenY: 距离屏幕顶部
clientX:浏览器可视区域X轴坐标
clientY: 浏览器可视区域Y轴坐标
offsetX： 触发元素上X轴的坐标
offsetY: 触发元素上Y轴的坐标
pageY: 距离页面顶部的距离
pageX: 距离页面左侧的距离
兼容写法：
// 兼容写法 获取事件对象
var event = e || window.event;
// 获取事件目标
var target = event.target || event.srcElement;
// 兼容阻止默认事件
event.preventDefault() ? preventDefault() : (event.returnValue = false);
// 兼容阻止冒泡
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);