JavaScript(三)-Web APIS

文章目录

  • DOM事件进阶
    • 事件流
      • 事件流与两个阶段说明
      • 事件捕获
      • 事件冒泡
      • 阻止冒泡
      • 解绑事件
    • 事件委托
    • 其他事件
      • 页面加载事件
      • 元素滚动事件
      • 页面尺寸事件
    • 元素尺寸与位置

DOM事件进阶

事件流

什么是事件流
事件流指的是事件完整执行过程中的流动路径

事件流与两个阶段说明

捕获与冒泡
在这里插入图片描述

事件捕获

在这里插入图片描述

事件冒泡

在这里插入图片描述

阻止冒泡

注意是事件对象不是元素对象
在这里插入图片描述
在这里插入图片描述
阻止默认行为
在这里插入图片描述

解绑事件

使用on绑定事件方法的使用以下方式进行解绑
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

鼠标经过事件的区别
在这里插入图片描述
两种注册事件的区别
在这里插入图片描述

事件委托

事件委托是利用事件流的特征解决一些开发需求的一种技巧
在这里插入图片描述

其他事件

页面加载事件

在这里插入图片描述
在这里插入图片描述

元素滚动事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

页面尺寸事件

在这里插入图片描述
在这里插入图片描述

元素尺寸与位置

在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/526729.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

正确使用@Autowired

正确使用@Autowired

目录 一、前言二、跟着官方文档，学习正确使用Autowired0、实验环境1、通过构造方法进行注入1.1 问题1：那万一没有这个CustomerPreferenceDao对象，会报错吗？ 2、通过setter方法注入3、通过方法注入（这个方法可以是任意名…
阅读更多...
iOS 开发中上传 IPA 文件的方法（无需 Mac 电脑

iOS 开发中上传 IPA 文件的方法（无需 Mac 电脑

引言 在 iOS 开发中，将 IPA 文件上传到苹果开发者中心是一个重要的步骤。通常情况下，我们需要使用 Mac 电脑上的 Xcode 或 Application Loader 工具来完成这个任务。然而，如果你没有 Mac 电脑，也没有关系，本文将介绍一…
阅读更多...
【安全工具】信息收集——ENScan_GO

【安全工具】信息收集——ENScan_GO

1.初次使用 运行命令生成配置文件 ./enscan -v 2.配置cookie 参考介绍 wgpsec/ENScan_GO: 一款基于各大企业信息API的工具，解决在遇到的各种针对国内企业信息收集难题。一键收集控股公司ICP备案、APP、小程序、微信公众号等信息聚合导出。 (github.com) 3.友情提…
阅读更多...
element-ui 在Popover弹框中使用Select选择器，Vue3

element-ui 在Popover弹框中使用Select选择器，Vue3

bug描述： 当选择完select的时候,popover也会退出。 解决： popover组件的的关闭是当点击组件外的元素时会关闭，select虽然是写在组件内的，但是select有一个默认属性teleported“true” 会把它默认插到 body 元素，我…
阅读更多...
JavaScript模块化开发的前世今生

JavaScript模块化开发的前世今生

一个兜兜转转，从“北深”回到三线城市的小码农，热爱生活，热爱技术，在这里和大家分享一个技术人员的点点滴滴。欢迎大家关注我的微信公众号：果冻想 前言 现代化的编程语言，基本都支持模块化的开发&#xff…
阅读更多...
嵌入式会越来越卷吗?

嵌入式会越来越卷吗?

当谈及嵌入式系统时，我们探究的不仅是一种科技，更是一个日益多元与普及的趋势。嵌入式系统，作为一种融入更大系统中的计算机硬件和软件，旨在执行特定功能或任务。但这个看似特定的系统概念，却在发展中展现出了惊人的灵…
阅读更多...
C++设计模式：观察者模式（三）

C++设计模式：观察者模式（三）

1、定义与动机 观察者模式定义：定义对象间的一种1对多（变化）的依赖关系，以便当一个对象（Subject）的状态发生比改变时，所有依赖于它的对象都得到通知并且自动更新 再软件构建过程中&#xff0c…
阅读更多...
(文章复现)基于改进秃鹰算法的微电网群经济优化调度研究

(文章复现)基于改进秃鹰算法的微电网群经济优化调度研究

参考文献： [1]周辉,张玉,肖烈禧,等.基于改进秃鹰算法的微电网群经济优化调度研究[J].太阳能学报,2024,45(02):328-335. 1.基本原理 微电网群由3个独立的微电网(microgrid , MG)组成,各微电网内部包含光伏(photovoltaic , PV)、风力发电机(windturbine,WT)、电动汽…
阅读更多...
h5 笔记3 多媒体素材运用

h5 笔记3 多媒体素材运用

关于电影编码 我们经常用扩展名来判断文件的类型，但是对于影音文件未必适用，影音文件的文件格式(container)和编码(codec)之间并非绝对相关。决定影音文件播放的关键在于浏览器是否含有适合的影音编解码技术。 笔记来源： ©《HTML5CSS3J…
阅读更多...
机器学习笔记 - 深度学习遇到超大图像怎么办？使用 xT 对极大图像进行建模论文简读

机器学习笔记 - 深度学习遇到超大图像怎么办？使用 xT 对极大图像进行建模论文简读

作为计算机视觉研究人员，在处理大图像时，避免不了受到硬件的限制，毕竟大图像已经不再罕见，手机的相机和绕地球运行的卫星上的相机可以拍摄如此超大的照片，遇到超大图像的时候，我们当前最好的模型和硬件都会达到极限。 所以通常我们在处理大图像时会做出两个次优选择之一：…
阅读更多...
Centos 7 安装通过yum安装google浏览器

Centos 7 安装通过yum安装google浏览器

在CentOS 7上使用yum安装Google Chrome浏览器稍微复杂一些，因为Chrome并不直接包含在默认的Yum仓库中。按照以下步骤来操作： 1、添加Google Chrome仓库 首先，您需要手动添加Google Chrome的Yum仓库。打开终端，并使用文本编辑器&a…
阅读更多...
物联网实战--驱动篇之(四)LoRa应用(modbus)

物联网实战--驱动篇之(四)LoRa应用(modbus)

目录 一、前言 二、板级收发 三、主机请求 四、从机接收及回复 五、主机接收 一、前言 之前两篇分别介绍了modbus和sx1278的驱动，但是都并未具体讲解如何应用，那么这一篇就把两者结合起来，做个小demo，便于理解这两个驱动的使…
阅读更多...
2005-2023年各省国内生产总值指数分季度数据

2005-2023年各省国内生产总值指数分季度数据

2005-2023年各省国内生产总值指数分季度数据 1、时间：2005-2023年 2、来源：国家统计局、各省统计局 3、指标：地区生产总值指数(上年同期100)_累计值(%) 4、范围：31省 5、时间跨度：季度 6、缺失情况：无…
阅读更多...
20240325-1-HMM

20240325-1-HMM

HMM 直观理解 马尔可夫链（英语：Markov chain），又称离散时间马尔可夫链（discrete-time Markov chain，缩写为DTMC），因俄国数学家安德烈马尔可夫（俄语：Андре…
阅读更多...
Ubuntu 20.04.06 PCL C++学习记录（十六）

Ubuntu 20.04.06 PCL C++学习记录（十六）

[TOC]PCL中点云分割模块的学习 学习背景 参考书籍&#xff1a;《点云库PCL从入门到精通》以及官方代码PCL官方代码链接,&#xff0c;PCL版本为1.10.0&#xff0c;CMake版本为3.16 学习内容 用一组点云数据做简单的平面的分割 源代码及所用函数 源代码 #include<iostr…
阅读更多...
Linux 内核：线程的实现

Linux 内核：线程的实现

在linux中的线程是轻量级线程&#xff08;Light-Weight-process&#xff0c;LWP&#xff09; 文章目录 线程概念线程实现 线程概念 线程分类 用户级线程内核级线程&#xff0c;没有用户空间&#xff0c;完全工作在内核中&#xff08;下图中没有[]的就是用户级线程&#xff09…
阅读更多...
跨服务器迁移nextcloud数据

跨服务器迁移nextcloud数据

背景 阿里云最近做活动,99一年的2U2G的服务器,比我原来的1U1G的服务器不知道高到哪里去了,于是决定迁移服务器数据到另一台主机上。原先的计划是直接做一个自定义镜像,然后复制到另一台主机就行,结果发现旧主机是aliyunOS,新主机不想踩这个坑了,决定换成乌班图,因此决定重新搭…
阅读更多...
大模型基础知识 - 语言模型及其演进

大模型基础知识 - 语言模型及其演进

开场白 人工智能发展到现在&#xff0c;在2个重要领域取得了重大突破&#xff0c;有望达到人类水平&#xff1a; 计算机视觉 &#xff08;Computer Vision, CV&#xff09;-> 希望机器帮助人类处理图像数据自然语言处理&#xff08;Natural Language Processing, NLP&…
阅读更多...
基于R语言lavaan结构方程模型（SEM）实践技术应用

基于R语言lavaan结构方程模型（SEM）实践技术应用

原文链接&#xff1a;基于R语言lavaan结构方程模型&#xff08;SEM&#xff09;实践技术应用https://mp.weixin.qq.com/s?__bizMzUzNTczMDMxMg&mid2247596681&idx4&sn08753dd4d3e7bc492d750c0f06bba1b2&chksmfa823b6ecdf5b278ca0b94213391b5a222d1776743609cd…
阅读更多...
文章自动生成器

文章自动生成器

1.前言 最近开始想写一些东西&#xff0c;脑子里也有不少想法&#xff0c;但是自己写又比较费时间&#xff0c;而且还要排版&#xff0c;精修&#xff0c;刚开始写的字数甚少&#xff0c;想法也是断断续续&#xff0c;不连贯&#xff0c;本想放弃&#xff0c;但是想到放弃就太…
阅读更多...
最新文章

Copyright @ 2022~2023