当前位置： 首页 > news >正文

JS API 事件监听

news 来源：原创 2025/8/29 5:41:58

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

在这里插入图片描述
焦点事件案例：搜索框激活下拉菜单

事件对象

事件对象存储事件触发时的相关信息

可以判断用户按键，点击元素等内容

如何获取

事件绑定的回调函数中的第一个形参就是事件对象
一般命名为e,event

事件对象常用属性

type类型 click mouseenter
clientX/clientY 触发时鼠标相对于浏览器右上角的位置
offsetX offsetY 相对于当前DOM元素的位置
key 用户按下键盘的值

字符串.trim方法去除左右两端空格

环境对象

函数内部变量 指向当前环境
this指向当前window对象 普通函数指向window

在回调函数中 指向函数的调用者

回调函数

当函数A作为参数传递给函数B时，A为回调函数

例子：定时器函数
setInterval(fn,1000) fn为定时器函数的回调函数

相关文章：

JS API 事件监听

焦点事件案例：搜索框激活下拉菜单 事件对象 事件对象存储事件触发时的相关信息 可以判断用户按键，点击元素等内容 如何获取 事件绑定的回调函数中的第一个形参就是事件对象 一般命名为e,event 事件对象常用属性 type类型 click mouseenter client…...

编程日记 2025/8/29 5:41:58

【8】搭建k8s集群系列（二进制部署）之安装node节点组件（kubelet）

一、下载k8s二进制文件 下载地址： https://github.com/kubernetes/kubernetes/blob/master/CHANGELOG/CHANGELOG -1.20.md 注：打开链接你会发现里面有很多包，下载一个 server 包就够了，包含了 Master 和 Worker Node 二进制文件。…...

编程日记 2025/8/29 5:34:19

Harmony OS“一多” 详解：基于窗口变化的断点自适应实现

一、一多开发核心概念（18N模式） 目标：一次开发多端部署 解决的问题： 1、界面级一多：适配不同屏幕尺寸 2、功能级一多：设备功能兼容性处理(CanIUser) 3、工…...

编程日记 2025/8/27 15:58:40

Rust切片、结构体、枚举

文章目录 切片类型字符串切片其他结构的切片 结构体结构体实例元组结构体结构体所有权输出结构体结构体的方法结构体关联函数单元结构体 枚举match语法Option枚举类if let 语句 切片类型 切片（Slice）是对数据值的部分“引用” 我们可以从一个数据集合中…...

编程日记 2025/8/27 4:05:19

量子纠错码实战：从Shor码到表面码

引言：量子纠错的必要性 量子比特的脆弱性导致其易受退相干和噪声影响，单量子门错误率通常在10⁻~10⁻量级。量子纠错码（QEC）通过冗余编码测量校正的机制，将逻辑量子比特的错误率降低到可容忍水平。本文从首个量子纠错…...

编程日记 2025/8/28 1:12:47

Pod的生命周期

概念 Pod对象自从其创建开始至其终止退出的时间范围称为其生命周期。在这段时间中，Pod会处于多种不同的状态，并执行一些操作；其中，创建主容器（main container）为必需的操作，其他可选的操作还包…...

编程日记 2025/8/29 0:19:24

使用QAction编辑器添加QAction到ui里

在 Qt Designer 或 Qt Creator 的 UI 设计器 中，可以直接通过 Action Editor 可视化添加和管理 QAction，无需手动编写代码。以下是详细步骤： 步骤 1：打开 Action Editor 在 Qt Creator 中打开 .ui 文件（双击项目中的…...

编程日记 2025/8/27 21:29:44

Unity：标签（tags）

为什么需要Tags？ 在游戏开发中，游戏对象（GameObject）数量可能非常多，比如玩家、敌人、子弹等。开发者需要一种简单的方法来区分这些对象，并根据它们的类型执行不同的逻辑。 核心需求： 分类和管…...

编程日记 2025/8/29 2:57:19

深入解析 Python 正则表达式：全面指南与实战示例

深入解析 Python 正则表达式：全面指南与实战示例 📌 引言 正则表达式（Regular Expressions, regex）是用于文本匹配、查找和替换的强大工具。在 Python 中，我们可以使用 re 模块来处理正则表达式。无论是数据清洗、日…...

编程日记 2025/8/28 13:40:25

Nginx介绍及使用

1.Nginx介绍 Nginx是一款开源的、高性能的HTTP和反向代理服务器 1.正向代理和反向代理 正向代理（代理客户端）是一种位于客户端和目标服务器之间的中间服务器。客户端通过正向代理服务器向目标服务器发送请求，代理服务器将请求转发给目标服…...

编程日记 2025/8/27 15:12:45

【Block总结】自适应矩形卷积，即插即用|CVPR2025

论文信息 标题: Adaptive Rectangular Convolution for Remote Sensing Pansharpening年份: 2025年会议: CVPR论文地址: arXiv代码地址: GitHub任务: 遥感图像融合（Pansharpening） 创新点 本论文提出了一种新颖的自适应矩形卷积模块（ARCon…...

编程日记 2025/8/28 7:44:13

第2课：JSX语法与组件基础

第2课：JSX语法与组件基础 学习目标 深入理解JSX语法掌握组件的基本结构和用法学习使用Props传递数据掌握React中的样式添加方法创建任务卡片组件 一、JSX语法深入 1. 什么是JSX？ JSX是JavaScript XML的缩写，它允许我们在JavaScript中编写…...

编程日记 2025/8/27 21:55:27

DevOps与Docker的关系

DevOps 与 Docker 是相辅相成的关系。DevOps 是一种强调开发（Development）与运维（Operations）之间协作的文化、实践和工具链，而 Docker 是一种容器化技术，为 DevOps 的实现提供了高效的技术支撑。 Docker …...

编程日记 2025/8/27 3:45:12

嵌入式AI简介

嵌入式AI是一种将人工智能算法部署在终端设备中运行的技术，使智能硬件能够在本地实时完成感知、交互和决策功能，无需依赖云端计算。以下是其核心要点： 一、核心特点 1. 本地化处理：数据在设备端直接处理，无需联网&a…...

编程日记 2025/8/28 12:44:28

多GPU训练

写在前面 限于财力不足，本机上只有一个 GPU 可供使用，因此这部分的代码只能够稍作了解，能够使用的 GPU 也只有一个。 多 GPU 的数据并行：有几张卡，对一个小批量数据，有几张卡就分成几块，每个 …...

编程日记 2025/8/28 1:13:01

JVM虚拟机篇（三）：JVM运行时数据区与方法区详解

JVM虚拟机篇（三）：JVM运行时数据区与方法区详解 JVM虚拟机篇（三）：JVM运行时数据区与方法区详解一、引言二、JVM运行时数据区2.1 概述2.2 各部分的作用与交互2.2.1 堆与其他区域的关系2.2.2 方法区与其他区域…...

编程日记 2025/8/27 9:45:26

Rust学习日记：编写一个Python扩展

参考https://segmentfault.com/a/1190000044555330 命令行创建一个新的Rust项目cargo new --lib rust_python_ext 配置Cargo.toml [package] name "rust_python_ext" version "0.1.0" edition "2024"[lib] name "rust_python_ext"…...

编程日记 2025/8/28 13:23:29

Pod的调度

在默认情况下，一个Pod在哪个Node节点上运行，是由Scheduler组件采用相应的算法计算出来的，这个过程是不受人工控制的。但是在实际使用中，这并不满足的需求，因为很多情况下，我们想控制某些Pod到达某些节点上&…...

编程日记 2025/8/28 7:07:50

系统思考：思考的快与慢

在做重大决策之前，什么原因一定要补充碳水化合物？人类的大脑其实有两套运作模式：系统1：自动驾驶模式，依赖直觉，反应快但易出错；系统2：手动驾驶模式，理性严谨，…...

编程日记 2025/8/27 16:50:51

[ 计算机网络 ] | HTTP协议(一)

目录 前置知识： URL URL的URLENCODE和URLDECODE HTTP协议的宏观格式 如何保证报文是完整的？怎么做序列，反序列化的？ 前置知识： URL 我们把数据给别人，别人把数据给我们，不是在做IO嘛~&am…...

编程日记 2025/8/27 7:25:24

大模型快速 ASGI 服务器uvicorn

基础概念类 1. 什么是 Uvicorn，它的作用是什么？ 答案：Uvicorn 是一个基于 Python 的快速 ASGI（异步服务器网关接口）服务器。它的主要作用是作为 Web 应用程序的服务器，负责接收客户端的请求，并…...

编程日记 2025/8/28 19:20:44

android studio 基础

1.android Module not specified 今天做一个实验时出现：Android Studio Run/Debug configuration error: Module not specified，要想解决这个问题： 1、打开根目录的 settings.gradle，删除 include :exampleapp 2、在 Android Stu…...

编程日记 2025/8/28 3:03:11

python爬虫爬取淘宝热销(热门)零食商品加数据清洗、销量、店铺及词云数据分析_源码及相关说明文档；售后可私博主

TOC 如有侵权,联系删除 一、环境说明 使用前必须检查以下环境 （1）python编译环境 （2）python脚本执行所需要的库，具体看代码（main.py）import导入的部分库 （3）确保电脑可…...

编程日记 2025/8/26 23:49:13

Android /proc/meminfo解释

高通8295设备 msmnile_gvmq:/proc # cat meminfo MemTotal: 16433968 kB MemFree: 7709832 kB…...

编程日记 2025/8/27 18:05:02

VScode 玩 MCP的server

vscode 1.99版本刚支持MCP server，我就测试了一下 翻到一个gitte的MCP sever 我本身是Mac版本1.99居然没更新agent，所以我就直接用1.100版本的vscode inside了来掩饰一下了 点击setting，然后你要edit一下这个json配置文件 主要修改的其实是…...

编程日记 2025/8/28 4:08:24

详解 MySQL 索引的最左前缀匹配原则

MySQL 的最左前缀匹配原则主要是针对复合索引（也称为联合索引）而言的。其核心思想是：只有查询条件中包含索引最左侧（第一列）开始的连续一段列，才能让 MySQL 有效地利用该索引。 一、 复合索引的结构 复合…...

编程日记 2025/8/28 10:15:26

ROS Master多设备连接

Bash Shell Shell是位于用户与操作系统内核之间的桥梁，当用户在终端敲入命令后，这些输入首先会进入内核中的tty子系统，TTY子系统负责捕获并处理终端的输入输出流，确保数据正确无误的在终端和系统内核之中。Shell在此过程不仅仅是…...

编程日记 2025/8/27 20:35:33

【Mysql】数据库备份与恢复

一、备份类型 物理备份：直接对数据库的数据文件、日志文件、索引文件进行备份 逻辑备份：对数据库对象（库、表）以SQL语句的形式导出进行备份 二、备份工具 1、使用tar、gzip等方式压缩打包数据库文件（完全备份、物理冷…...

编程日记 2025/8/28 11:21:21

Java HttpURLConnection修仙指南：从萌新到HTTP请求大能的渡劫手册

一、筑基篇：初识HttpURLConnection 1.1 基础开光（创建连接） URL url new URL("https://api.example.com/data"); HttpURLConnection conn (HttpURLConnection) url.openConnection(); // 注意！此处可能抛出Malforme…...

编程日记 2025/8/24 16:58:12

python 重要易忘 语言基础

Collections 1、Counter 计数器 counter:计数器 类似字典 统计可迭代对象中元素的出现次数, Counter({b: 3, c: 2, a: 1, d: 1}) 相当于字典{b: 3, c: 2, a: 1, d: 1} a.items() 取键值对 对应为dict_items([(a, 1), (b, 3), (c, 2), (d, 1)]) 也可以是 list(a.items…...

编程日记 2025/8/27 10:34:20

【新能源汽车研发测试数据深度分析：从传感器到智能决策的硬核方法论】

摘要： 本文系统性解构新能源汽车（NEV）研发测试中的数据采集、处理及分析全链条，覆盖传感器融合、大数据清洗、AI算法优化等核心技术，并引入行业顶级案例（如特斯拉Autopilot验证、宁德时代BMS算法迭代&#…...

编程日记 2025/8/27 12:56:56

GD32H759IMT6 Cortex-M7 OpenHarmony轻量系统移植——接管中断修改为不接管

笔者在去年利用国庆时间，将Cortex-M7 的国产厂商兆易创新GD32H459移植OpenHarmony轻量系统，但是适配不太完善——只能选择liteos-m接管中断。这样导致使用中断非常麻烦。于是笔者最近将接管中断模式修改为不接管，这样可以方便的使用gd32提供的…...

编程日记 2025/8/26 13:01:51

MySQL基础学习笔记

学习笔记 1. 基础小知识1.1 数据库分类1.2 下载安装、变量配置过程（略）1.3 连接命令1.4 连接mysql服务端的软件选择1.4.1 要求不高的话，选择有很多1.4.2 适合做企业级管理的工具（适合团队协作）1.4.3 总结 1.5 编程语言…...

编程日记 2025/8/26 1:32:12

[Linux]进程状态、僵尸进程处理回收、进程优先级 + 图例展示

目录 一、进程状态 1.一般操作系统学科的进程状态 二、Linux操作系统的进程状态 运行状态（R） 睡眠状态（S） 深度睡眠状态（D） 暂停状态（T） 追踪暂停状态&#x…...

编程日记 2025/8/28 0:27:16

2022 年 6 月青少年软编等考 C 语言七级真题解析

目录 T1. 有多少种二叉树思路分析T2. 城堡问题T3. 快速堆猪思路分析T4. 重建二叉树思路分析T1. 有多少种二叉树 题目链接：SOJ D1189 输入 n ( 1 < n < 13 ) n\ (1<n<13) n (1<n<13)，求 n n n 个结点的二叉树有多少种形态？ 思路分析 此题考查 C a…...

编程日记 2025/8/28 9:42:15

flutter修改 Container 中的 Text 和 Image 的样式

在Flutter中&#xff0c;Container 是一个常用的布局组件&#xff0c;它可以包含子组件&#xff08;如文本、图片等&#xff09;&#xff0c;并允许你通过设置各种属性来自定义样式。如果你需要修改 Container 中的 Text 和 Image 的样式&#xff0c;可以通过以下方式实现。 1.…...

编程日记 2025/8/28 10:01:04

零基础入门unity游戏开发——动画篇】Animation动画窗口，创建编辑动画

考虑到每个人基础可能不一样&#xff0c;且并不是所有人都有同时做2D、3D开发的需求&#xff0c;所以我把 【零基础入门unity游戏开发】 分为成了C#篇、unity通用篇、unity3D篇、unity2D篇。 【C#篇】&#xff1a;主要讲解C#的基础语法&#xff0c;包括变量、数据类型、运算符、…...

编程日记 2025/8/27 6:09:45

【设计模式】命令模式

简介 假设你有一个智能家居遥控器&#xff0c;上面有多个按钮&#xff0c;每个按钮对应不同的设备操作&#xff08;如开灯、关灯、调空调温度&#xff09;。 命令模式的解决方案是&#xff1a; 将每个操作&#xff08;如“开灯”&#xff09;封装成一个独立的命令对象&#x…...

编程日记 2025/8/28 10:07:45

Python作业3 字符田字格绘制

字符田字格绘制&#xff1a;编写程序,用字符方式打印输出一个简单的田字格,要求采用函数方式,以田字格宽度为参数,能够根据参数绘制任意大小的田字格。 def draw(n):line 3 * n 1for i in range(1, line 1):if i % 3 1:print(n * " —— —— ", end"&quo…...

编程日记 2025/8/28 1:57:32

文章记单词 | 第23篇（六级）

一&#xff0c;单词释义 occupy /ˈɒkjupaɪ/v. 占用&#xff0c;占领&#xff0c;使忙碌thermal /ˈθɜːml/adj. 热的&#xff0c;热量的&#xff0c;保暖的&#xff1b;n. 热气流persistent /pəˈsɪstənt/adj. 执着的&#xff0c;坚持不懈的&#xff0c;持续存在的wee…...

编程日记 2025/8/28 6:16:48

【算法】滑动窗口

什么是滑动窗口算法&#xff1f; 滑动窗口算法本质上就是双指针的一种情况&#xff0c;当两个指针进行移动的方向是同一个方向&#xff0c;并且这两个指针并不会向后回退&#xff0c;一直是往一个方向进行移动的。这也就是滑动窗口的使用场景。 滑动窗口算法的一般步骤 进窗…...

编程日记 2025/8/27 8:15:38

可视化工具

在PyTorch中&#xff0c;可视化工具对于模型调试、性能分析和结果解释至关重要。以下是常用的可视化工具及其应用场景&#xff1a; 1. 训练过程监控 TensorBoard (PyTorch官方集成) 用途&#xff1a;跟踪训练指标&#xff08;损失、准确率&#xff09;、可视化模型结构、分析…...

编程日记 2025/8/27 21:49:36

hashtable遍历的方法有哪些

在 Java 中&#xff0c;遍历 Hashtable&#xff08;或其现代替代品 HashMap&#xff09;有多种方式&#xff0c;以下是 6 种常用方法的详细说明和代码示例&#xff1a; 1. 使用 keySet() 增强 for 循环 Hashtable<String, Integer> table new Hashtable<>(); // …...

编程日记 2025/8/28 22:24:30

LeetCode --- 443周赛

题目列表 Q1. 到达每个位置的最小费用 Q2. 子字符串连接后的最长回文串 I Q3. 子字符串连接后的最长回文串 II Q4. 使 K 个子数组内元素相等的最少操作数 一、到达每个位置的最小费用 题目要求返回从队尾到达任意位置的最小费用&#xff0c;规则&#xff1a;如果下标 i i i …...

编程日记 2025/8/27 12:26:21

从零构建大语言模型全栈开发指南：附录与资源-3.面试与进阶-200道大模型面试真题与职业发展路线图-基础理论篇50题

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路 文章大纲 附录与资源-3. 面试与进阶：200道大模型面试真题与职业发展路线图一、大模型面试真题分类与解析1. 基础理论篇（50+题精选）2. 进阶实战篇（50+题精选）3. 应用场景篇（70题精选）二、职业发展路线图1. …...

编程日记 2025/8/27 23:18:24

使用Android Studio开发基于Java+xml的安卓app之环境搭建

以下是使用Android Studio搭建基于Java和XML的Android应用开发环境的详细步骤&#xff1a; 一、系统要求 操作系统&#xff1a;Windows 7/8/10/11&#xff08;64位&#xff09;内存&#xff1a;建议8GB及以上磁盘空间&#xff1a;至少5GB空闲&#xff08;建议预留10GB以上&…...

编程日记 2025/8/27 1:17:27

GD32H759IMT6 Cortex-M7 OpenHarmony轻量系统移植——4.1版本升级到5.0.3

笔者在去年利用国庆时间&#xff0c;将Cortex-M7 的国产厂商兆易创新GD32H459移植OpenHarmony轻量系统&#xff0c;但是适配不太完善——只能选择liteos-m接管中断。这样导致使用中断非常麻烦。于是笔者最近将接管中断模式修改为不接管&#xff0c;这样可以方便的使用gd32提供的…...

编程日记 2025/8/25 22:33:48

学习汇编随手记

学习汇编随手记 前言 本笔记是关于王爽汇编的笔记&#xff0c;覆盖不全&#xff0c;到了内中断就完结了&#xff0c;听从学长建议&#xff0c;我跑去学xv6了&#xff0c;x86告辞。 1. 寄存器 1.1 寄存器初步 (A,B,C,D)X是通用寄存器&#xff0c;通常存放一般性数据&#x…...

编程日记 2025/8/27 22:30:52

打造高效英文单词记忆系统：基于Python的实现与分析

在当今全球化的世界中，掌握一门外语已成为必不可少的技能。对于许多学习者来说，记忆大量的英文单词是一个漫长而艰难的过程。为了提高学习效率，我们开发了一个基于Python的英文单词记忆系统。这个系统结合了数据管理、复习计划、学习统计和测试练习等多个模块，旨在为用户提…...

编程日记 2025/8/28 19:27:23

【漫话机器学习系列】182.噪声修正线性单元（Noisy ReLU）

噪声修正线性单元&#xff08;Noisy ReLU&#xff09;详解 1. 引言 在深度学习中&#xff0c;修正线性单元&#xff08;ReLU, Rectified Linear Unit&#xff09; 是一种常见的激活函数&#xff0c;具有计算简单、梯度稳定等优点。然而&#xff0c;ReLU 也有一些缺点&#xf…...

编程日记 2025/8/28 9:37:55