重学JavaScript 事件

1.addEventListener注册事件

注册事件有两种语法
1.点语法：
* 语法 : 事件源.事件类型 = 事件处理函数 box.onclick = function (){}
* 最大特点：不能注册多个“同名”事件

2.addEventListener() : 用于注册多个 “同名” 事件
* 语法: 事件源.addEvenetListener('事件类型',事件处理函数)

2.removeEventListener移除事件

3.阻止默认事件

事件委托(重点)

1.事件冒泡：当触发子元素的事件时，该子元素的所有“父级元素” 的“同名事件”会依次触发
* 事件冒泡现象一直都存在，只是以前没有给父元素注册同名事件
* 子元素 -> 父元素 -> body -> html -> document -> window

2.事件委托：给父元素注册事件,委托子元素来处理
2.1 事件委托原理：事件冒泡
2.2 事件委托注意点：不能使用this
this: 事件源，指向父元素
e.target: 事件触发源，指向具体触发这个事件委托的子元素

重学JavaScript 事件相关推荐

重学JavaScript系列——（六）集合引用类型
重学JavaScript系列--(六)集合引用类型博主以扎实JavaScript基础为目的,以<JavaScript高级程序设计(第四版)>为核心参考资料,以一个"复习者&qu ...
重学JavaScript深入理解系列（一）
JavaScript深入理解--执行上下文(Execution Context) 定义每当控制器到达ECMAScript可执行代码的时候,控制器就进入了一个执行上下文. 执行上下文(简称:EC) 以 ...
重学JavaScript深入理解系列（六）
JavaScript深入理解--闭包(Closures) 概要本文将介绍一个在JavaScript经常会拿来讨论的话题 -- 闭包(closure).闭包其实已经是个老生常谈的话题了: 有大量文章都 ...
重学JavaScript系列之一_引用类型
重学JavaScript系列之一_引用类型 ECMAScript中,引用数据是一种数据结构,用于将数据和功能组织在一起,有时候被称为类 ES6中使用Class定义一个类引用类型的值(对象)是引用类型 ...
重学JavaScript系列——（四）变量、作用域与内存
重学JavaScript系列--(四)变量.作用域与内存博主以扎实JavaScript基础为目的,以<JavaScript高级程序设计(第四版)>为核心参考资料,以一个"复习者 ...
重学JavaScript（1）--JavaScript简介
写在最前面最近在整理之前学习的知识的时候,发现对知识没有整体的框架,有点零散.于是乎,现在决定重新的学习一下JavaScript的基础知识.这是整个重新学习历程的第一篇文章.写这些文章的目的是督促自 ...
javascript对象包含哪些要素_重学JavaScript 对象
栏目为大家介绍JavaScript的对象,重新认识. 这里我们继续学习两个比较重要的类型,就是 Object 和 Symbol.我们主要讲的是 Object,相对 Object 来说 Symbol 只 ...
JavaScript 类型 — 重学 JavaScript
我是三钻,一个在<技术银河>中等你们一起来终生漂泊学习. 点赞是力量,关注是认可,评论是关爱!下期再见
重学前端-学习笔记-JavaScript对象
说明重学前端是程劭非(winter)在极客时间开的一个专栏,在此主要整理我的学习笔记.如有侵权,请联系我,谢谢. javascript对象特征对象具有唯一标识性:完全相同的两个对象,也不是同一个对 ...