lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

Map 与 WeakMap 的区别

Map 和 WeakMap 是两种数据结构，可用于操纵键和值之间的关系。区别我们可以对 Map 的键和值使用对象或任何基本类型。但是，WeakMap 仅接受对象。这意味着我们不能将基本类型用作 WeakMap 的键。 const attrs = new WeakMap() // 错误...

2021-12-01

0 316

触发事件

输入触发事件有一些特殊事件可以作为方法的元素。您可以直接调用它们，例如： // 用于文本框和文本区域 ele.focus() ele.blur() // 对于表单元素 formEle.reset() formEle.submit() // 对于任何元素 ele.click() 触发原生...

2021-11-29

0 182

key、keyCode 和 which

key、keyCode 和 which 可用于确定按下哪个键。下面是处理文本框的按键事件的示例代码。它检查用户是否按下键代码为 13 的 Enter 键： textBoxElement.addEventListener('keydown', function (e) { if (e.key...

2021-11-29

0 384

事件对象上的 currentTarget 与 target 属性

currentTarget 和 target 是监听特定事件时事件对象的属性，例如： element.addEventListener('click', function (e) { // currentTarget 和 target 是 e 的属性 console.log(e.curre...

2021-11-28

0 246

nodeName 与 tagName 的区别

nodeName 和 tagName 是获取 HTML 节点名称的属性。 tagName 用于获取节点类型为 1 的元素节点的类型。对于属性、注释、文本等其他类型的节点，使用 nodeName 获取节点的名称。让我们看看下面的例子，我们有一个简单的按钮： <button id=&quo...

2021-11-27

0 279

parentElement 与 parentNode 的区别

首先，您需要知道元素和节点之间的区别。总之，元素是一种特殊类型的节点，它表示 DOM 树中的单个节点。它不仅可以是元素，还可以是注释、文档、文本节点等。在大多数情况下，parentElement 和 parentNode 属性返回相同的节点： // 两者都返回 <html> 元素 ...

2021-11-27

0 309

stopImmediatePropagation 与 stopPropagation

stopImmediatePropagation() 方法可以防止事件像 stopPropagation() 方法一样冒泡到父元素。但是，它会阻止调用相同事件的其他***。假设我们将处理同一事件的不同侦听器附加到相同元素。当事件发生时，***的执行顺序与添加的顺序相同。如果在给定的***中调...

2021-11-27

0 255

keydown、keypress 和 keyup

事件顺序当用户按下一个键或不同的组合键时，按以下顺序触发 keydown、keypress 和 keyup：当用户按键时，会首先触发 keydown 事件用户释放按键时最后触发 keyup 事件在这之间，keypress 事件将被触发这些事件用于不同的目的。在 ...

2021-11-27

0 398

clientY 与 pageY 的区别

给定页面中的一个点，clientY 和 pageY 是从该点到视口和页面顶部的距离（以像素为单位）。在这里，page 是整个渲染的页面，其中可能有滚动条，而 viewport 是页面的可见部分。 ┌─────────────────────────────┬─┐◀︎─── Web page ...

2021-11-27

0 516

类构造函数与原型中的方法

给定一个类，有两种常用的方法来定义它的方法。在类构造函数中定义方法 function Calculator() { this.sum = function (a, b) { return a + b } } 或在类原型中定义方法： function Calculator(...

2021-11-26

0 286