目录

一、什么是事件

二、常见事件

2.1 鼠标事件

2.2 键盘事件

2.3 表单事件

2.4 页面加载事件

三、浏览器弹窗三种方式

四、事件绑定函数方式

五、事件触发方式

---

一、什么是事件

事件就是行为动作。在HTML中事件可以是浏览器的行为，也可以是用户的行为。当这些行为发生时，可以自动调用JS中对应的函数来对这些行为做出处理，所谓的事件驱动就是行为触发函数中代码的运行这一特点。

二、常见事件

2.1 鼠标事件

onclick: 鼠标单击事件

ondblclick: 鼠标双击事件

mouseover: 鼠标移至事件，即鼠标移动到元素上后触发的事件

mousemove：鼠标移动事件，即鼠标在元素上每移动一个像素就触发该事件

mouseleave: 鼠标离开事件，即鼠标离开元素后触发的事件

2.2 键盘事件

onkeydown: 键盘按下事件

onkeyup: 键盘松开事件

2.3 表单事件

onfocus：焦点事件，即当元素标签获取到光标焦点时触发

onblur：标签元素失去光标焦点时触发

onchange: 标签元素内容发生改变时触发。this.value代表当前元素标签的值

onsubmit: 在用户点击提交按钮且表单开始提交参数时触发。

event.preventDefault()阻止组件的默认行为，可以阻止表单的提交。

onreset: 清空表单内容时触发。

2.4 页面加载事件

onload: 页面加载完毕事件，浏览器加载完网页代码后会自动调用此事件绑定的处理函数。即网页文件中的代码都加载完毕后执行的事件。通常配合dom编程事件绑定使用，以便可以通过目标元素ID获取到目标元素标签。

三、浏览器弹窗三种方式

alert("提示对话框")

prompt("输入对话框，返回用户输入的字符串值")

confirm("确认对话框,返回值为boolean类型")

四、事件绑定函数方式

• 通过元素属性绑定。如" on事件类型 =“函数名( )”"

• 通过DOM编程动态绑定。

注意：

①一个标签元素可以同时绑定多种事件。

②一个事件可以同时绑定多个处理函数。

五、事件触发方式

行为触发: 用户对某个标签元素的行为操作或浏览器的行为。

DOM编程触发：通过dom获取目标元素对象，然后对象调用事件函数来触发标签元素的事件。