什么是事件对象

最新推荐文章于 2023-06-10 17:28:29 发布

hcoke

最新推荐文章于 2023-06-10 17:28:29 发布

阅读量1.7k

点赞数 4

分类专栏： JavaScript 学习笔记文章标签：前端

本文链接：https://blog.csdn.net/m0_62962469/article/details/123534295

版权

学习笔记同时被 2 个专栏收录

63 篇文章 0 订阅

订阅专栏

JavaScript

40 篇文章 0 订阅

订阅专栏

官方解释：event对象代表事件的状态，比如键盘按键的状态,鼠标的位置，鼠标按钮的状态。

简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法：

比如：

1.谁绑定了这个事件

2.鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。

2.键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div {
				width: 100px;
				height: 100px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		<div>123</div>
		<script type="text/javascript">
		//事件对象
			var div = document.querySelector('div');
		//	div.onclick = function(event) {
		//		console.log(event);
		//1.event就是一个事件对象 写到我们侦听函数的 小括号里面 当形参来看
				//2.事件对象只有有了事件才会存在，它是系统给我们自动创建的，不需要我们传递参数
				//3.事件对象是我们事件的一系列相关数据的集合 跟事件相关的 比如鼠标点击 里面就包含了鼠标的相关信息，鼠标坐标之类的   如果是键盘事件里面就包含的键盘事件的信息 比如 判断用户按下了哪个键
				//4.这个事件对象我们可以自己命名 比如 event,evt,e
				//5.事件对象也有兼容性问题 ie678 通过window.event
		//	}
			div.addEventListener('click', function(e) {
				console.log(e);
			})
		</script>
	</body>
</html>