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

Posted 前端[色色]

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

 

  

以上是关于js学习笔记25----Event对象的主要内容,如果未能解决你的问题,请参考以下文章

学习笔记:python3,代码片段(2017)

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

DOM探索之基础详解——学习笔记

Xitrum学习笔记08 - JavaScript and JSON

js学习笔记