Web API基础知识二

表单属性：

1.input dom元素来说------value可以获取文本的内容

2.复选框或者单选框-------checked 设置选中状态

3.按钮button----disabled 设置启用状态

4.下拉列表 select ------selected 设置option选中

表单属性中添加就有效果，移除就没有效果，一律使用布尔值表示，如果为true代表添加了该属性，如果是false 代表移除了该属性。如：disabled、checked、selected

事件

在编程时系统发生的动作或者发生的事情

事件的三要素：事件源、事件类型、事件处理函数

事件源：哪个dom元素被事件触发了，要获取dom元素

事件类型：用什么方式触发，如鼠标单击 click、鼠标经过 mouseover等

事件调用的函数：要做什么事

事件监听

语法：

元素.addEventListener('事件'，要执行的函数)

//1.获取元素
let btn = document.querySelector('button')
//2. 事件监听（注册事件）
btn.addEventListener('click',function(){
		alert('被点击了')
})
//注意：
//1.事件类型要加引号
//2.函数是点击之后再去执行，每次点击一次都会执行一次

事件类型

语法：

鼠标事件

​ 1 click 鼠标点击

​ 2 mouseenter 鼠标经过

​ 3 mouseleave 鼠标离开

焦点事件

​ 1 focus 获得焦点

​ 2 blur 失去焦点

键盘事件

​ 1 Keydown 键盘按下触发

​ 2 Keyup 键盘抬起触发

文本事件

​ input 用户输入事件

事件处理函数

指要做的业务