JavaScript事件和jQuery事件

二.事件

1.事件概述

1）什么是事件：

就是由用户的操作而引起的js被调用的时机

2）事件的分类：

鼠标事件

• onclick
• ondblclick
• onmouseover
• onmouserout
  ……
  键盘事件
• onkeydown
• onkeyup
  ……
  状态事件:(某个条件达成时自动触发)
• onload
• onchange
• onblur
  ……

2.事件定义

1）直接定义事件：

• 直接在元素上通过属性来定义事件
• 优点：简单直观
• 缺点：耦合度高

2）动态绑定事件

• 在页面加载后，通过javascript获取元素并给它绑定事件
• 优点：耦合度低
• 缺点：麻烦，不直观

、、、

、、、

3.事件对象

1）什么是事件对象：

• 场景：在开发某些功能时，可能需要获取坐标、键盘、键盘的按钮等信息 ，这些和事件相关的信息都可以从事件对象中获取

• 实际上，当事件触发时，浏览器会自动创建一个对象，封装相关的信息这个封装事件全部信息的对象叫做事件对象

• 由浏览器创建的封装事件信息的对象叫事件对象

2）如何获取事件对象：

直接定义事件时

• 在调用时传入参数event
• 函数上增加参数接收此值

动态绑定事件时

• 调用函数时，浏览器会自动传入event
• 在函数上直接加参数接收

3)事件对象上有哪些API？

4.事件机制（重点）

1)冒泡机制

• 事件是可以传播的
• 传播的顺序是是由内向外的

-这个规律叫冒泡机制

2）取消冒泡机制

• e.stopPropagation();
• e.cancelBubble = true;

3）作用

• 用来简化事件的定义

4）事件源

• 当采用冒泡机制简化事件定义时，需获取事件

jQuery事件

1、事件概述

1）什么是事件

2）事件的分类

2.事件的定义

• 和javascript一样

1）直接定义

2）动态绑定（重点）

$(function(){})

• onload

3）取消事件

3.事件对象

1）什么是事件对象

2）如何获取事件对象