JS - 事件

 

 

Q: 什么是事件?

A: 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>

Q: 什么是事件?

A: 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>

猜你喜欢

转载自www.cnblogs.com/dower/p/9051906.html