JavaScript自定义事件

发表于
字数统计 144

JavaScript 自定义事件 Demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
	<title>JavaScript 自定义事件 Demo</title>
</head>
<body>
	<button id="myButton">点击我</button>

	<script>
		// 创建自定义事件
		var myEvent = new Event("myEvent");

		// 获取按钮元素
		var button = document.getElementById("myButton");

		// 给按钮添加自定义事件处理程序
		button.addEventListener("myEvent", function() {
			alert("自定义事件被触发了！");
		});

		// 触发自定义事件
		button.dispatchEvent(myEvent);
	</script>
</body>
</html>