文章目录
前言
事件:通过代码的方式和页面中的某些内容做好一个约定;
用户触发指定行为的时候,就会执行代码
一、事件绑定
事件绑定的三要素:
- 事件源:和谁做好约定
- 事件类型:约定一个什么行为
- 事件处理函数:当用户触发该行为的时候,执行什么代码。
语法:事件源.on事件类型 = 事件处理函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件</title>
<style>
div {
width: 200px;
height: 200px;
background-color: #b5bce6;
}
</style>
</head>
<body>
<div></div>
<script>
//1.获取div元素
var div = document.querySelector('div')
//2.绑定点击事件
div.onclick = function () {
//3.书写点击