JS - 事件常用

问：什么是事件？

答：JS创建动态页面，可以被JS侦测到的行为。网页中的每个元素都可以产生某些可以触发JS函数的事件。比如说，当用户点击按钮时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理。

 

 

onclick：鼠标点击事件

onmouseenter : 鼠标进入事件

onmouseout : 鼠标移开事件

onmouseover : 鼠标经过事件

onmousemove : 鼠标移动事件

onchange : 文本框内容改变事件

onselect : 文本框内容选中事件

onfocus : 光标聚焦事件

onblur : 光标失焦事件

onload : 网页导入事件

onunload : 关闭网页事件

 

 

事件流：

就是事件的流向，是根据什么路径走的

分为三个阶段：

捕获 --> 目标 --> 冒泡

 

 

JS 中支持两种事件机制：

1.捕获

2.冒泡

阻止冒泡：event.stopPropagation();

 

 

事件对象

什么是事件对象？在触发DOM上的事件时都会产生一个对象
1. type 属性 用于获取事件类型
2. target 属性 用于获取事件目标
3. stopPropagation()方法 用于阻止事件冒泡
4. preventDefault()方法 用于阻止事件默认行为
       <a href="#">超链接</a>