js中的事件对象代码实例
程序员文章站
2022-04-20 11:17:20
js 是面向对象的，每次这么说一遍，总有一天会深入理解这个概念的；
我们来看看事件对象，我们先简单的从概念上描述一下什么是事件对象：
我们都知道事件，比如click ,keyd...
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就是事件对象中的信息，我们能够获取这个信息，也就是按下键盘的键值；
下一篇： 当今大学的十个“现代化”