js 事件对象

最新推荐文章于 2024-06-21 12:48:05 发布

cvper

最新推荐文章于 2024-06-21 12:48:05 发布

阅读量164

点赞数

分类专栏： JavaScript 文章标签： js 事件对象 clientX offsetX

本文链接：https://blog.csdn.net/cvper/article/details/80220521

版权

JavaScript 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

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>