前言
- 系列文章目录：
- 根据视频和PPT整理
- 视频及对应资料：
- JS
- 视频：JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程
- 视频对应资源(在视频简介里面)
- 链接：【https://gitee.com/xiaoqiang001/java-script.git】
- 视频对应资源(百度网盘)
- 链接：【https://pan.baidu.com/s/1q952v5mnFGR9IFjHlyn7Wg】
- 提取码：1234
1. 事件基础
1.1 事件概述
事件是可以被 JavaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。
1.2 事件三要素
- 事件源 （什么元素产生的）：事件被触发的元素对象
- 事件类型 （什么事件）：如何触发事件，如鼠标点击、鼠标经过等
- 事件处理程序 （做什么）：通过函数赋值的方式实现
1.3 为元素绑定事件的步骤
- 获取事件源
- 注册事件（绑定事件）
- 添加事件处理程序（采取函数赋值形式）
<body> <button>点击按钮弹出对话框</button> </body> <script> // 获取事件源 btn = document.querySelector('button') // 为按钮的点击事件(onclick)，同时添加事件处理程序 btn.onclick = function() { alert('点击了按钮') } </script>
1.4 常见鼠标事件
