JavaScript(三)-Web APIS

文章目录

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

DOM事件进阶

事件流

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

事件流与两个阶段说明

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

事件捕获

在这里插入图片描述

事件冒泡

在这里插入图片描述

阻止冒泡

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

解绑事件

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

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

事件委托

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

其他事件

页面加载事件

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

元素滚动事件

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

页面尺寸事件

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

元素尺寸与位置

在这里插入图片描述

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

简介：基于Web的产品3D

简介：基于Web的产品3D

基于 Web 的产品 3D 通过可视化界面获得各种选项来个性化他们的产品，例如颜色、材料、尺寸、文字、徽标、零件等。 在过去几年中，随着 3D 建模和渲染软件的出现，3D 渲染现在更常用于营销和促销目的。设计师、制造商和营销人员使用 3D 产品渲…
阅读更多...
政安晨：【Keras机器学习实践要点】（二十一）—— MobileViT：基于变换器的移动友好图像分类模型

政安晨：【Keras机器学习实践要点】（二十一）—— MobileViT：基于变换器的移动友好图像分类模型

目录 简介 导入 超参数 MobileViT 实用程序 政安晨的个人主页：政安晨 欢迎 👍点赞✍评论⭐收藏 收录专栏: TensorFlow与Keras机器学习实战 希望政安晨的博客能够对您有所裨益，如有不足之处，欢迎在评论区提出指正！ …
阅读更多...
AI 创业指难（一） ：Stable Diffusion AI 绘画怎么用

AI 创业指难（一） ：Stable Diffusion AI 绘画怎么用

一. 前言 一年不到，AI对生活和工作的影响已经逐步体现。所以千万别掉队了，也许 AI 不能成为我们的主要工作，但是如何借助 AI 实现副业的扩展同样值得思考。 这一篇就来讲一个 AI 绘画工具，这个工具我也是才上手不久，…
阅读更多...
冻干可以长期给猫咪吃吗？五款顶尖生骨肉冻干盘点推荐

冻干可以长期给猫咪吃吗？五款顶尖生骨肉冻干盘点推荐

近年来，冻干猫粮因其高品质而备受喜爱，吸引了无数猫主人的目光，像我这样的养猫老手早已开始冻干喂养。但对于新手养猫的人来说，他们可能会对冻干猫粮感到陌生，并产生疑问：这到底是什么？冻干可以…
阅读更多...
.NET 设计模式—装饰器模式（Decorator Pattern）

.NET 设计模式—装饰器模式（Decorator Pattern）

简介 装饰者模式（Decorator Pattern）是一种结构型设计模式，它允许你在不改变对象接口的前提下，动态地将新行为附加到对象上。这种模式是通过创建一个包装（或装饰）对象，将要被装饰的对象包裹起来…
阅读更多...
看看你的身体出现了哪些症状，要当心了！

看看你的身体出现了哪些症状，要当心了！

身体出现以下五个症状，你要小心了。 夜间尿频，不要以为晚上喝水喝多了，很有可能是你的血糖升高了，血糖过高的人，口腔很容易受到刺激，而感到非常的干燥，所以会通过补充水分的方式来缓解&#xff…
阅读更多...
基于java+springboot+vue实现的农产品销售系统（文末源码+Lw）23-231

基于java+springboot+vue实现的农产品销售系统（文末源码+Lw）23-231

摘 要 如今社会上各行各业，都喜欢用自己行业的专属软件工作，互联网发展到这个时候，人们已经发现离不开了互联网。新技术的产生，往往能解决一些老技术的弊端问题。因为传统乐乐农产品销售系统信息管理难度大，容错率低…
阅读更多...
Springboot-redis整合

Springboot-redis整合

Springboot-redis命令行封装 前言 Redis（Remote Dictionary Server），即远程字典服务，是一个开源的使用ANSI C语言编写的、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。Redis也是现…
阅读更多...
CSS导读 (Emmet语法)

CSS导读 (Emmet语法)

（大家好，今天我们将继续来学习CSS的相关知识，大家可以在评论区进行互动答疑哦~加油！💕） 目录 续：七、Chrome调试工具 一、Emmet语法 1.1 快速生成HTML结构语法 1.2 快速生成CSS样式语法 &…
阅读更多...
LangChain-10 Agents langchainhub 共享的提示词Prompt

LangChain-10 Agents langchainhub 共享的提示词Prompt

LangChainHub 的思路真的很好，通过Hub的方式将Prompt 共享起来，大家可以通过很方便的手段，短短的几行代码就可以使用共享的Prompt。 我个人非常看好这个项目。 官方推荐使用LangChainHub，但是它在GitHub已经一年没有更新了&#x…
阅读更多...
flutter多入口点entrypoint

flutter多入口点entrypoint

native中引擎对象本身消耗内存(每个引擎对象约莫消耗42MB内存) 多引擎：native多引擎>启动>flutter多入口点entrypoint>多main函数>多子包元素集>多(子)程序 单引擎(复用)：native单引擎>复用启动>flutter多入口点entrypoint>多m…
阅读更多...
高等数学基础篇之关于圆，椭圆，圆环的应用

高等数学基础篇之关于圆，椭圆，圆环的应用

文章目录 前言 1.圆 1.1标准方程 1.2偏心圆 1.3参数方程 2.椭圆 2.1标准方程 2.2参数方程 2.3极坐标 3.圆环 4.扇形 前言 这篇文章主要是应对二重积分出现的一些关于圆的积分域，让大家大概了解一下，不是很详细，因为二重积分对几何…
阅读更多...
uniapp请求后端接口

uniapp请求后端接口

新建文件夹utils const request (config) > {// 拼接完整的接口路径config.url http://mm.test.cn config.url;//这里拼接的是访问后端接口的地址，http://mm.test.cn/prod-api/testconsole.log(config.url)//判断是都携带参数if(!config.data){config.data …
阅读更多...
7-26 单词长度

7-26 单词长度

题解&#xff1a; #include <bits/stdc.h> using namespace std; int main() {string s;getline(cin,s); //读取一行字符串char c; //记录字符int cnt 0; //用来记录长度int flag 0; //用来判断是否已经输出了第一个单词的长度for (int i 0;i<s.size(); i)…
阅读更多...
阿里云新手用户建站必看攻略，从注册域名到网站上线需完成步骤

阿里云新手用户建站必看攻略，从注册域名到网站上线需完成步骤

无论是个人还是企业新手用户&#xff0c;搭建个人或者企业网站都必须进过注册域名、购买云服务器、搭建网站、ICP备案、解析域名等步骤&#xff0c;本文为大家展示阿里云新手用户建站过程中从注册域名到网站上线需要完成的具体步骤。 1、选购域名 域名是互联网世界的门牌号码&…
阅读更多...
什么是HW，企业如何进行HW保障？

什么是HW，企业如何进行HW保障？

文章目录 一、什么是HW二、HW行动具体采取了哪些攻防演练措施三、攻击方一般的攻击流程和方法四、企业HW保障方案1.建意识2.摸家底3.固城池4.配神器5.增值守 一、什么是HW 网络安全形势近年出现新变化&#xff0c;网络安全态势变得越来越复杂&#xff0c;黑客攻击入侵、勒索病…
阅读更多...
【JavaWeb】Day37.MySQL概述——数据库设计-DML

【JavaWeb】Day37.MySQL概述——数据库设计-DML

数据库操作-DML DML英文全称是Data Manipulation Language(数据操作语言)&#xff0c;用来对数据库中表的数据记录进行增、删、改操作。 1.增加(insert) insert语法&#xff1a; 向指定字段添加数据 insert into 表名 (字段名1, 字段名2) values (值1, 值2); 全部字段添加数据…
阅读更多...
回归预测 | MATLAB实现BO-GRNN贝叶斯优化广义回归神经网络多输入单输出预测

回归预测 | MATLAB实现BO-GRNN贝叶斯优化广义回归神经网络多输入单输出预测

回归预测 | MATLAB实现BO-GRNN贝叶斯优化广义回归神经网络多输入单输出预测 目录 回归预测 | MATLAB实现BO-GRNN贝叶斯优化广义回归神经网络多输入单输出预测预测效果基本介绍程序设计参考资料预测效果 基本介绍
阅读更多...
如何实现小程序滑动删除组件+全选批量删除组件

如何实现小程序滑动删除组件+全选批量删除组件

如何实现小程序滑动删除组件全选批量删除组件 一、简介 如何实现小程序滑动删除组件全选批量删除组件 采用 uni-app 实现&#xff0c;可以适用微信小程序、其他各种小程序以及 APP、Web等多个平台 具体实现步骤如下&#xff1a; 下载开发者工具 HbuilderX进入 【Dcloud 插…
阅读更多...
使用Datax自定义采集组件Reader/Writer实现国产数据库支持以及_Datax数据清洗/过滤规则功能自定义---大数据之DataX工作笔记007

使用Datax自定义采集组件Reader/Writer实现国产数据库支持以及_Datax数据清洗/过滤规则功能自定义---大数据之DataX工作笔记007

我们基于datax来做的自己的数据采集系统,现在基本的数据采集已经实现了,也就是调用datax的数据采集能力,实现在已支持的数据库之间同步数据.我们是基于datax-web实现的,里面都有开源的代码了,可以分析以后拿过来用,这个过程并不复杂,而且,结合xxljob的web那个开源项目,也可以让…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023