Event——事件对象（重要）

一、event 基本信息

描述：

（1）event 是事件对象 , 当一个事件发生时，当前对象发生这个事件的相关信息都会被临时保存到一个指定地方，即event对象，供我们在需要的调用

（2）事件对象必须在一个事件调用的函数里面使用才有内容

alert( event );    //这里没有事件，所以是undefined（IE谷歌）
fn1();    //不是事件调用的函数，undefined
document.onclick = fn1;    //是事件调用的函数，所以event有内容
function fn1() {alert(event);｝
document.onclick = function() {
    alert(event);  //这里有内容
};

兼容性：

　　ie/chrome : event是一个内置全局对象（自带）

　　标准浏览器下 :  事件对象通过事件函数的第一个参数传入（如果一个函数是被事件调用的那么，这个函数定义的第一个参数就是事件对象）

解决兼容性问题：

function fn1(ev) {//通常用ev，可以随便取变量名
    var ev = ev || event; //如果是标准浏览器值为ev，IE非标准为event
    alert(ev); 
}

 

三、实例

1、查看浏览器某个事件对象的详细信息

document.onclick = fn1;    
function fn1(ev) {
    var ev = ev || event; //兼容性
    for ( var attr in ev ) {  //遍历事件对象
    console.log( attr + ' = ' + ev[attr] );  //显示属性名和属性值
    }
}