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] );  //显示属性名和属性值
    }
}

 

posted @ 2017-04-07 18:29  念念念不忘  阅读(185)  评论(0)    收藏  举报