DOM事件基础---事件三要素
事件：触发响应的机制。
事件三要素
事件是由三部分组成【事件源、事件类型、事件处理程序】
1/事件源：事件触发的对象 【谁 按钮】
2/事件类型：如何触发 什么事件
比如【鼠标点击（onclick）、鼠标经过、键盘按下】
3/事件处理程序 通过一个函数赋值的方式完成
通过以下例子看一下
<body>
<button id="btu">唐伯虎</button>
<!-- button 标签 id 名字是btu -->
<script>
//点击一个按钮，弹出对话框
var btu = document.getElementById("btu"); //获取button标签
// 1. 事件源： 在获取过来的btn就是事件触发的对象
//2.事件类型：点击 onclick
//3.事件处理程序 ： 通过一个函数完成，就是下面的onclick函数
btu.onclick = function () {
alert("点秋香");
};
</script>
</body>
执行事件的基础
- 获取事件源
var btu = document.getElementById("btu"); - 注册事件（绑定事件）
btu.onclick - 添加事件处理程序（通过函数赋值的形式）
btu.onclick = function () {
alert("点秋香");
};
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了