# 事件基础

# - 什么是事件

事件是指用户在某事务上由于某种行为所执行的操作; （对页面元素的某种操作）

事件是文档或者浏览器窗口中发生的，特定的交互瞬间。

事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。

事件是JavaScript和DOM之间交互的桥梁。

简单理解：事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。

# - 事件的三要素

1- 事件源：是指在哪个元素引发的事件，如：a标签、div标签

2- 事件类型：事件是指执行的动作，如：单击、双击等

3- 事件处理函数：如：单击button标签所执行的函数

注意：为DOM元素（事件源）增加事件（指定类型），一旦该事件被触发后，会执行处理程序。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button id="btn">你弹出呀</button>
</body>
<script>
    // 1-获取事件源
    var btn = document.querySelector("#btn");
    // 2-绑定事件类型
    // btn.onclick
    // 3-添加事件处理程序
    btn.onclick = function(){
        alert("我弹出了")
    }
</script>
</html>

← 获取元素操作元素 →