NO.61 JavaScript 事件(Event)、Jquery基础

1.事件概述

1)什么是事件

就是用户的操作/动作,就是js被调用的时机

2)事件的分类

鼠标事件

键盘事件

状态事件:当条件成立时由浏览器自动触发的

2.事件定义

1)直接定义事件

优点:直观

缺点:耦合度高

2)动态绑定事件

优点:耦合度低

缺点:不直观

3)如何取消事件

return false

代码演示：

效果：

3.事件对象

1)什么是事件对象

场景:有的案例需要获取鼠标的坐标和键盘的按键等信息.

可以通过事件对象获取这样的数据.

实际上,浏览器在触发事件时,会创建一个事件对象,来封装事件相关的信息.

事件对象是用来封装事件信息的对象,由浏览器自动创建.

2)如何获取事件对象

直接定义事件时,在调用函数时传入关键字event,在函数上加参数接收该值.

动态绑定事件时,浏览器调用函数时会自动传入event,只需在函数上加参数接收该值.

4.事件机制

1)冒泡机制

事件是由内向外传播的

2)取消冒泡

使用事件对象的API来取消

不同浏览器提供的API不同

3)作用

可以简化事件的定义

4)事件源

事件发生的来源

e.srcElement || e.target

通常在使用冒泡机制简化事件定义时,都要获取事件源

代码演示：

效果：

5.计算器案例

代码示例：

效果：

---

Jquery对象

1.文字放大功能

2.jquery对象

3.jquery选择器