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