一、今日所学内容
1、事件
（1）什么是事件
事件是用户与计算机交互的过程
（2）事件的四要素
事件源（target）：事件发生的源头，发生事件的那个标签
事件类型（type）：发生的是什么事件
事件处理函数：当事件发生时，去调用的函数
事件对象：事件发生时的相关信息都保存到事件对象中
（3）常用的鼠标事件
click：单击左键事件
mouseover：鼠标移入事件
mouseout：鼠标移出事件
dblclick：双击鼠标左键事件
（4）键盘事件
键盘按下：keydown；键盘按下，取得上一次按下的值
键盘抬起：keyup；键盘抬起，取得的是最新的值；一直按下的时候，触发不了抬起事件
（5）表单事件
输入事件：input
input加入：input表单输入事件——>输入动作——>触发输入事件
select改变事件：change
select加入：表单改变事件change——>当值发生改变才会触发
（6）窗口加载事件
load：等页面静态资源html、css、img、fonts等加载完毕之后，再执行load函数里面的代码
（7）lorem10:生成10个伪文字（后面的10可以换成任意的数字，仅仅用于生成为文字）
2、自定义属性的用法
（1）自定义属性概述
标准属性：标签自带的一些属性，内置的——>data-属性名="自定义属性的值"
键值对的方式来描述HTML标签的扩展属性
（2）自定义属性的操作
H4：
属性名="属性值"
dom.getAttribute('属性名');获取自定义属性的值
dom.setAttribute('属性名'，'属性的值');修改/新增自定义属性的值
dom.removeAttribute('属性名');移除自定义属性
H5：
data-属性名="属性值"
获取自定义属性的集合——对象：box.dataset
获取单个的自定义属性：box.dataset.age、box.dataset.sex
修改：box.dataset.age=23;
新增：box.dataset.name='aaa';
删除：deletebox.dataset.name;
|
