摘要:js 是面向对象的,每次这么说一遍,总有一天会深入理解这个概念的;我们来看看事件对象,我们先简单的从概念上描述一下什么是事件对象:

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

js 是面向对象的,每次这么说一遍,总有一天会深入理解这个概念的;

我们来看看事件对象,我们先简单的从概念上描述一下什么是事件对象:

我们都知道事件,比如click ,keydown , mouseover 等等,是不是很熟悉,

那么事件对象就很好理解了,事件对象存储了有关这个对象的一些信息,而这些信息我们都能获取:

这么说也不好理解,看下面的图片:

假设现在有一个点击事件,那么点击事件的事件对象就像一个大盒子,这个大盒子就是click的事件对象,

事件对象,也就是这个大盒子,里面有很多相关的信息,如图所示;

而我们也能够获取或者设置这些信息;

我们看下面的例子,获取键值:

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>事件对象--获取键值</title> </head> <body>      <script>             window.onload=function(){                 window.onkeydown=function(ev){                    alert(ev.keyCode);                 }             }      </script> </body> </html>

上面的函数中的参数 ev 就是事件对象,也就是onkeydown 的事件对象,

keyCode就是事件对象中的信息,我们能够获取这个信息,也就是按下键盘的键值;

js 是面向对象的,每次这么说一遍,总有一天会深入理解这个概念的;

我们来看看事件对象,我们先简单的从概念上描述一下什么是事件对象:

我们都知道事件,比如click ,keydown , mouseover 等等,是不是很熟悉,

那么事件对象就很好理解了,事件对象存储了有关这个对象的一些信息,而这些信息我们都能获取:

这么说也不好理解,看下面的图片:

假设现在有一个点击事件,那么点击事件的事件对象就像一个大盒子,这个大盒子就是click的事件对象,

事件对象,也就是这个大盒子,里面有很多相关的信息,如图所示;

而我们也能够获取或者设置这些信息;

我们看下面的例子,获取键值:

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>事件对象--获取键值</title> </head> <body>      <script>             window.onload=function(){                 window.onkeydown=function(ev){                    alert(ev.keyCode);                 }             }      </script> </body> </html>

上面的函数中的参数 ev 就是事件对象,也就是onkeydown 的事件对象,

keyCode就是事件对象中的信息,我们能够获取这个信息,也就是按下键盘的键值;

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接: http://www.js-code.com/js/js_1631.html