事件
事件是用户与计算机交互的过程
事件四要素
事件源：事件发生的源头，发生事件的那个标签
事件类型：发生的是什么事件
事件处理函数：当事件发生时，去调用的函数
事件对象：事件发生时的相关信息都保存到事件对象中
鼠标事件
click----单击左键事件
mouseover----鼠标移入事件
mouseout----鼠标移出事件
dblclick---双击鼠标左键事件
键盘事件
键盘按下：keydown
键盘按下--结果为上一次按下的值
键盘抬起：keydown
键盘抬起--结果为最新一次抬起的值，但是不抬起时，获取不到
表单事件
输入事件：input
ipt.addEventListener('input', function () {
console.log(ipt.value);
})
select改变事件：change
sel.addEventListener('change', function () {
console.log(sel.value);
})
select表单事件change--当option发生改变时才会触发
窗口加载事件
load
//load 等页面静态资源，html,css,img等加载完毕之后，在执行load函数里面的代码
滚动事件
scroll
window.addEventListener('scroll', function () {
console.log('滚动条动了',window.scrollY);
})
自定义属性
data-属性名="属性值"
|
