首页 > 编程语言 >JavaScript笔记APIs篇02——DOM事件

JavaScript笔记APIs篇02——DOM事件

时间:2025-01-20 10:58:42浏览次数:3  
标签:02 位置 DOM JavaScript 获取 事件 解绑 加载 页面

 黑马程序员视频地址:黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78 

目录

事件监听(绑定)

事件监听其他版本(了解)

事件类型

事件对象

获取事件对象

事件对象常用属性

环境对象

回调函数

事件流

事件流及其两个阶段

事件捕获

事件冒泡

阻止冒泡

阻止默认行为

解绑事件

解绑addEventListener事件

解绑on事件

事件委托

其他事件

页面加载事件

等待全部资源资源加载完执行

页面资源

单个资源 

等待DOM节点加载完执行

页面滚动事件

函数代码 

获取卷去位置

滚动到指定坐标

页面尺寸事件

函数代码 

获取元素宽高

元素尺寸与位置

获取宽高

获取位置 

距父级元素位置

距视口位置 


 

事件监听(绑定)


事件监听其他版本(了解)


事件类型

 


事件对象


获取事件对象


事件对象常用属性


环境对象


回调函数


事件流

事件流及其两个阶段


事件捕获


事件冒泡


阻止冒泡


阻止默认行为


解绑事件

解绑addEventListener事件

 


解绑on事件


事件委托


其他事件

页面加载事件

等待全部资源资源加载完执行

 *全部资源(包括DOM节点、图片资源、样式表内容) 

页面资源

单个资源 


等待DOM节点加载完执行


页面滚动事件

函数代码 


获取卷去位置

页面滚动注意:


滚动到指定坐标


页面尺寸事件

函数代码 


获取元素宽高


元素尺寸与位置

获取宽高


获取位置 

距父级元素位置

 

 


距视口位置 

  

标签:02,位置,DOM,JavaScript,获取,事件,解绑,加载,页面
From: https://blog.csdn.net/qq_58870434/article/details/145241652

相关文章

  • 【转】[JavaScript] JS 对象和 JSON 的区别与转换
    转自:kimi.ai在JavaScript中,JS对象和JSON是两个密切相关但又有所区别的概念。以下是它们的主要区别:1. 定义和用途JS对象JS对象是JavaScript中的一种数据结构,用于存储键值对(key-valuepairs)。它是JavaScript中的基本数据类型之一,可以用来表示复杂的数据结构,例如用......
  • 高级java每日一道面试题-2025年01月20日-数据库篇-并发事务带来哪些问题?
    如果有遗漏,评论区告诉我进行补充面试官:并发事务带来哪些问题?我回答:并发事务带来的主要问题在多用户环境中,多个事务可能同时对数据库进行读写操作,这可能导致以下几种常见的并发问题:1.脏读(DirtyRead)定义:当一个事务能够读取到另一个未提交事务的数据修改时,称为......
  • [PKUWC 2025 D2T1]网友小 Z 的树
    https://qoj.ac/problem/9678一棵n点的树,你可以询问dis(u,v)+dis(v,w)+dis(u,w)(u,v,w两两不同)3n次,询问两次u是否在v到w的路径上。求任意一条直径的两端点。显然三个点的查询结果是三点间路径并的长度的两倍。找直径,要求从一个点出发找最远点。感知一下。固定一条......
  • IntelliJ IDEA 2024.3 Java开发工具
    IntelliJIDEA2024.3Java开发工具JetBrainsIntelliJIDEA2024mac,是一款Java开发工具,IntelliJIDEA凭借无与伦比的Java和Kotlin支持脱颖而出。从一开始就支持尖IDEA2024.3中文版开发工具端语言功能,保持领先地位。IntelliJIDEA对您的代码了如指掌,利用这些知识在每个......
  • PL/SQL 删除外键 ORA-02443: 无法删除约束条件-不存在的约束条件
    在PL/SQL中删除外键,无论是在【对象】窗口可视化操作删除还是用drop语句都会报错:ORA-02443:无法删除约束条件-不存在的约束条件看到有人有同样的问题。亲测之后:情况一:常规操作ALTERTABLEtable_nameDROPCONSTRAINTforeignkeyname;情况二:需要加引号(而且是双引号)ALTERTABL......
  • 02内存结构篇(D2_剖析运行数据区)
    目录学习前言一、程序计数器1.作用2.存储的数据3.异常三、Java虚拟机栈1.栈帧1.1.局部变量表存储内容存储容量其他1.2.操作数栈作用存储内容存储容量1.3.动态连接1.4.方法返回1.5.附加信息2.栈异常四、本地方法栈1.本地方法1.1.什么是本地......
  • 02内存结构篇(D1_自动内存管理)
    目录一、内存管理1.C/C++程序员2.Java程序员二、运行时数据区1.程序计数器2.Java虚拟机栈3.本地方法栈4.Java堆5.方法区运行时常量池三、Hotspot运行时数据区四、分配JVM内存空间分配堆的大小分配方法区的大小分配线程空间的大小一、内存管理1.C/C......
  • 202508读书笔记|《飞花令·湖》——满塘秋水碧泓澄,十亩菱花晚镜清
    202508读书笔记|《飞花令·湖》——满塘秋水碧泓澄,十亩菱花晚镜清《飞花令·湖》素心落雪编著,飞花令得名于唐代诗人韩翃《寒食》中的名句“春城无处不飞花”,类似于行酒令,是文人们的一种雅致的娱乐活动。一直都比较喜欢看诗词,包括飞花令......
  • JavaScript 操作符与表达式
    Hi,我是布兰妮甜,编写流畅、愉悦用户体验的程序员。JavaScript是一种功能强大且灵活的编程语言,广泛应用于前端和后端开发。它提供了一系列丰富的操作符和表达式来处理数据、执行逻辑判断以及控制程序流程。理解这些概念对于编写高效、可读性强的代码至关重要。下面将详细......
  • 【22页高质量半成品论文】2025年美国大学生数学建模竞赛B题(点击文末卡片,获取资料!
    您的点赞收藏是我继续更新的最大动力!一定要点击文末的卡片,那是获取资料的入口! 现分享2024年美国大学生数学建模竞赛B题22页半成品论文(部分),供大家学习题目翻译:MaritimeCruisesMini-Submarines(MCMS)是一家总部位于希腊的公司,专门制造能够携带人类到达海洋最深处的潜水......