JavaScript - 9-9 事件 拖拉事件.md

拖拉（drag）指的是，用户在某个对象上按下鼠标键不放，拖动它到另一个位置，然后释放鼠标键，将该对象放在那里。 拖拉的对象有好几种，包括元素节点、图片、链接、选中的文字等等。在网页中，除了元素节点默认不可以拖拉，其他（图片、链接、选中的文字）都可以直接拖拉。为了让元素节点可拖拉，可以将该节点的`draggable`属性设为`true`。

发布于 2021-06-21

JavaScript - 9-8 事件 触摸事件.md

`Touch`接口的实例对象用来表示触摸点（一根手指或者一根触摸笔），包括位置、大小、形状、压力、目标元素等属性。有时，触摸动作由多个触摸点（多根手指）组成，多个触摸点的集合由`TouchList`接口的实例对象表示。`TouchEvent`接口的实例对象代表由触摸引发的事件，只有触摸屏才会引发这一类事件。

发布于 2021-06-21

JavaScript - 9-7 事件 表单事件.md

发布于 2021-06-21

JavaScript - 9-4 事件 鼠标事件.md

鼠标事件指与鼠标相关的事件，继承了`MouseEvent`接口。

发布于 2021-06-21

JavaScript - 9-5 事件 键盘事件.md

键盘事件由用户击打键盘触发，主要有`keydown`、`keypress`、`keyup`三个事件，它们都继承了`KeyboardEvent`接口。

发布于 2021-06-21

JavaScript - 9-6 事件 进度事件.md

发布于 2021-06-21

JavaScript - 9-3 事件 Event对象.md

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

发布于 2021-06-21

JavaScript - 9-2 事件 事件模型.md

浏览器的事件模型，就是通过监听函数（listener）对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。这是事件驱动编程模式（event-driven）的主要编程方式。 JavaScript 有三种方法，可以为事件绑定监听函数。

发布于 2021-06-21

JavaScript - 9-1 事件 EventTarget 接口.md

DOM 的事件操作（监听和触发），都定义在`EventTarget`接口。所有节点对象都部署了这个接口，其他一些需要事件通信的浏览器内置对象（比如，`XMLHttpRequest`、`AudioNode`、`AudioContext`）也部署了这个接口。

发布于 2021-06-21

JavaScript - 8-10 DOM Mutation Observer API.md

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

发布于 2021-06-21

JavaScript - 8-9 DOM CSS操作.md

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

发布于 2021-06-21

JavaScript - 8-7 DOM 属性的操作.md

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

发布于 2021-06-21