JavaScript 事件之鼠标事件

鼠标事件指与鼠标相关的事件,继承了 MouseEvent 接口。具体的事件主要有以下一些。

8/3/2019 5:15:18 PM 转载 雨辰 47 0 0 JavaScript 事件
JavaScript 事件之 Event 对象

事件发生以后,会产生一个事件对象,作为参数传给监听函数。浏览器原生提供一个 Event 对象,所有的事件都是这个对象的实例,或者说继承了 Event.prototype 对象。Event 对象本身就是一个构造函数,可以用来生成新的实例。

8/3/2019 5:13:40 PM 转载 雨辰 45 0 0 JavaScript 事件
JavaScript 事件之事件模型

浏览器的事件模型,就是通过监听函数(listener)对事件做出反应。事件发生后,浏览器监听到了这个事件,就会执行对应的监听函数。这是事件驱动编程模式(event-driven)的主要编程方式。

8/3/2019 5:11:36 PM 转载 雨辰 38 0 0 JavaScript 事件
JavaScript 事件之 EventTarget 接口

事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现。DOM 支持大量的事件,本章开始介绍 DOM 的事件编程。DOM 的事件操作(监听和触发),都定义在 EventTarget 接口。所有节点对象都部署了这个接口,其他一些需要事件通信的浏览器内置对象(比如,XMLHttpRequest、AudioNode、AudioContext)也部署了这个接口。

8/3/2019 5:08:01 PM 转载 雨辰 89 0 0 JavaScript 事件
DOM 之 Mutation Observer API

Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动,比如节点的增减、属性的变动、文本内容的变动,这个 API 都可以得到通知。

8/3/2019 4:49:15 PM 转载 雨辰 51 0 0 DOM
DOM 之 CSS 操作

CSS 与 JavaScript 是两个有着明确分工的领域,前者负责页面的视觉效果,后者负责与用户的行为互动。但是,它们毕竟同属网页开发的前端,因此不可避免有着交叉和互相配合。本节介绍如何通过 JavaScript 操作 CSS。

8/3/2019 4:47:08 PM 转载 雨辰 68 0 0 DOM
DOM 之 Text 节点 DocumentFragment 节点

文本节点(Text)代表元素节点(Element)和属性节点(Attribute)的文本内容。如果一个节点只包含一段文本,那么它就有一个文本子节点,代表该节点的文本内容。DocumentFragment 节点代表一个文档的片段,本身就是一个完整的 DOM 树形结构。它没有父节点,parentNode 返回 null,但是可以插入任意数量的子节点。它不属于当前文档,操作 DocumentFragment 节点,要比直接操作 DOM 树快得多。

8/3/2019 4:44:27 PM 转载 雨辰 55 0 0 DOM
DOM 之属性的操作

HTML 元素包括标签名和若干个键值对,这个键值对就称为“属性”(attribute)。

8/3/2019 4:40:44 PM 转载 雨辰 82 0 0 DOM
DOM 之 Element 节点

Element 节点对象对应网页的 HTML 元素。每一个 HTML 元素,在 DOM 树上都会转化成一个 Element 节点对象(以下简称元素节点)。

8/3/2019 4:38:13 PM 转载 雨辰 77 0 0 DOM
DOM 之 Document 节点

document 节点对象代表整个文档,每张网页都有自己的 document 对象。window.document 属性就指向这个对象。只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用。

8/3/2019 4:35:47 PM 转载 雨辰 84 0 0 DOM