本文介绍了JavaScript中的事件概念，包括事件源、事件类型和事件处理程序，并通过一个实例展示了如何监听按钮点击事件，弹出对话框。通过这个简单的例子，读者可以更好地理解JavaScript事件的工作原理。
事件概述
事件是可以被JavaScript侦测到的行为，简单理解它是一个触发–响应机制。
事件有三个部分组成：
- 事件源
- 事件类型
- 事件处理程序
下面我们用一个例子来简单理解一下事件。
点击一个按钮，弹出一个对话框
话不多说，直接上代码
<!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>Document</title>
</head>
<body>
<button id="btn">唐伯虎</button>
<script>
// 点击一个按钮，弹出对话框
//(1) 事件源，事件被触发的对象
var btn = document.getElementById('btn');
//(2) 事件类型 比如鼠标点击(onclick)
//(3) 事件处理程序 通过一个函数赋值的方式 完成
btn.onclick = function() {
alert('点秋香');
}
</script>
</body>
</html>
该事件完成了鼠标点击按钮之后弹出对话框，是一个很简单的事件呢。
在这里
- 事件源 按钮
- 事件类型 敲击鼠标
- 事件处理程序 弹出一个对话框
看完这里之后，你是不是对事件加深了理解呢。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
