DOM.

window.dispatchEvent(new Event('resize'));

dispatchEvent + MouseEvent自定义触发

document.addEventListener('click', () => console.info('>>> click event >>>') ); setTimeout(() => document.dispatchEvent(new Mo

JS中事件冒泡、捕获机制和事件委托设计模式

前言：js里面事件就是指用户执行某些行为（本文以点击行为为例）后，浏览器会发出相应的事件响应，而用户可以捕获这些事件，并在其中写相应的逻辑代码。本文详细介绍浏览器对事件的传播机制（事件冒泡、事件捕获），以及事件委托（代理）一种代码设计模式。一、事件冒泡嵌套的DOM结果，如果点击子元素，会触发父...

DOM事件

事件（低阶）事件三要素Who(事件源)：触发事件的元素What(事件类型)： eg绑定click点击事件How(事件处理程序)：事件触发后要执行的代码(函数赋值形式)，事件处理函数常见鼠标事件addEventListener()事件监听（IE9以后支持）eventTarget.addEvent...

DOM元素操作

API和Web API和SDK文档：https://developer.mozilla.org/zh-CN/docs/Web/APIAPI（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得...

DOM节点操作

节点概述网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 一般地，节点至少拥有nodeType（节点类型）、nod...