js学习笔记25----Event对象

Event : 事件对象,当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定的地方-event 对象,供我们在需要时调用。

 

事件对象必须在一个事件调用的函数里面使用才有内容。
事件函数:事件调用的函数,一个函数是不是事件函数,不在定义的时候决定 ,而是取决于这个函数调用的时候。

 

兼容:
ie/choreme  :  event 是一个内置全局对象。
标准浏览器 : 事件对象是通过事件函数的第一个参数传入。

 

如果一个函数是被事件调用的,那么这个函数定义的第一个参数就是事件对象。
 
示例代码:
 1 <!DOCTYPE html>
 2 <html lang="en">
 3     <head>
 4         <title>Event对象</title>
 5         <meta charset="UTF-8">
 6         <meta name="viewport" content="width=device-width, initial-scale=1">
 7         <script>
 8             
 9             function fn1(ev){
10                 var ev = ev || event; //兼容写法
11                for(var attr in ev){
12                     console.log(attr + '=' + ev[attr]); //遍历所有事件
13                }
14             }
15             fn1(); //不是事件调用的函数
16             document.onclick = fn1; //是事件调用的函数
17 
18             
19         </script>
20     </head>
21     <body>
22     
23     </body>
24 </html>

 

 

  

posted @ 2017-07-30 23:14  前端[色色]  阅读(268)  评论(0编辑  收藏  举报