JavaScript之事件处理机制

基本概念

在这里插入图片描述
在这里插入图片描述

绑定事件处理函数

绑定HTML元素属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

绑定JavaScript对象属性

在这里插入图片描述
在这里插入图片描述

addEventListener与attachEvent

addEventListener

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

attachEvent

在这里插入图片描述
在这里插入图片描述

事件处理函数的执行环境

事件处理函数中的this关键字

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述在这里插入图片描述

访问事件对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

使用返回值取消默认行为

在这里插入图片描述

调用顺序

在这里插入图片描述
在这里插入图片描述

在代码中触发事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

事件传播

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

取消事件的默认行为

在这里插入图片描述
在这里插入图片描述

转发事件

在这里插入图片描述

事件类型

事件类型概述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

文档事件

在这里插入图片描述
在这里插入图片描述

鼠标滚轮事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

键盘事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

触屏事件和移动设备事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Walker7143/article/details/105831046