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

JavaScript---事件对象event

news 2026/3/29 20:12:09

获取事件对象：

事件对象：是个对象，这个对象里有事件触发时的相关信息，在事件绑定的回调函数的第一个参数就是事件对象，一般命名为event、ev、e

eg:  元素.addEventListener('click',function (e){})

部分常用属性：

type: 获取当前事件类型

clientX / clientY: 获取光标相对于浏event览器可见窗口左上角位置

offsetX / offsetY: 获取光标相对于当前dom元素左上角位置

key: 用户按下的键盘的值    现在不提倡使用keyCode

<body>
<input type="text">
<script>const input = document.querySelector("input")input.addEventListener("keyup",function (e){console.log(e.key)if (e.key==='Enter'){console.log("我按下了回车键")}})
</script>
</body>

相关文章：

JavaScript---事件对象event

获取事件对象&#xff1a; 事件对象&#xff1a;是个对象&#xff0c;这个对象里有事件触发时的相关信息&#xff0c;在事件绑定的回调函数的第一个参数就是事件对象&#xff0c;一般命名为event、ev、e eg: 元素.addEventListener(click,function (e){}) 部分常用属性&…...

编程日记 2023/7/31 12:01:33

Day 15 C++对象模型和this指针

目录 C对象模型 类内的成员变量和成员函数分开存储 总结 this指针 概念 示例 用途 当形参和成员变量同名时 在非静态成员函数中&#xff0c;如果希望返回对象本身 例子 空指针访问成员函数 示例 const修饰成员函数 常函数&#xff08;const member function&…...

编程日记 2023/7/31 12:00:31

HarmonyOS/OpenHarmony元服务开发-卡片生命周期管理

创建ArkTS卡片&#xff0c;需实现FormExtensionAbility生命周期接口。 1.在EntryFormAbility.ts中&#xff0c;导入相关模块。 import formInfo from ohos.app.form.formInfo; import formBindingData from ohos.app.form.formBindingData; import FormExtensionAbility from …...

编程日记 2023/7/31 11:59:30

软件工程01

软件工程原则&#xff1a; 开闭原则&#xff1a; open closed principle &#xff1a; 对扩展开放&#xff0c;对修改关闭&#xff0c;&#xff0c;&#xff0c;只让扩展&#xff0c;不让修改&#xff0c;用新增的类去替代修改的类 扩展之后&#xff0c;代码不用改变&#xff…...

编程日记 2023/7/31 11:58:27

UML/SysML建模工具更新（2023.7）（1-5）有国产工具

DDD领域驱动设计批评文集 欢迎加入“软件方法建模师”群 《软件方法》各章合集 最近一段时间更新的工具有&#xff1a; 工具最新版本&#xff1a;Visual Paradigm 17.1 更新时间&#xff1a;2023年7月11日 工具简介 很用心的建模工具。支持编写用例规约。支持文本分析和C…...

编程日记 2023/7/31 11:57:25

Mac plist文件

macOS、iOS、iPadOS的应用程序都可能会有plist配置文件&#xff0c;他是苹果系列操作系统特有的配置文件。 plist的本质是个xml格式的文本文件&#xff0c;英文全称是property list&#xff0c;文件后缀使用.plist。 对于普通用户来说&#xff0c;基本不用管plist文件是什么&…...

编程日记 2023/7/31 11:56:23

基于Java+SpringBoot+vue前后端分离校园周边美食探索分享平台设计实现

博主介绍&#xff1a;✌全网粉丝30W,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专…...

编程日记 2023/7/31 11:55:19

【openwrt】package介绍

openwrt package介绍 OpenWrt 构建系统主要围绕package的概念展开。不管是什么软件&#xff0c;几乎都对应一个package。 这几乎适用于系统中的所有内容&#xff1a;HOST工具、交叉编译工具链、Linux 内核、内核mod、根文件系统和上层的应用软件。 一个 OpenWrt package本质上…...

编程日记 2023/7/31 11:54:18

vue 封装一个鼠标拖动选择时间段功能

<template><div class"timeRange"><div class"calendar"><table><thead><tr><th rowspan"6" class"weekRow"><b>周/时间</b></th><th colspan"24"><…...

编程日记 2023/7/31 11:53:16

ubuntu22.0安装Barrier局域网共享鼠标键盘

ubuntu22.0安装Barrier局域网共享鼠标键盘 参考网站安装步骤客户端一直开启中解决 参考网站 https://idroot.us/install-barrier-ubuntu-22-04/ 安装步骤 sudo apt update sudo apt upgrade sudo apt install wget apt-transport-https gnupg2 software-properties-common s…...

编程日记 2023/7/31 11:52:15

ffmpeg常用功能博客导航

FFmpeg 是一个处理视频和音频内容的开源工具库&#xff0c;可以实现编码、解码、转码、流媒体和后处理等服务。 推荐博客&#xff1a; 常见命令和使用案例 用ffmpeg转mov为mp4格式 FFmpeg 常用命令 FFmpeg 常用命令编辑音/视频&#xff08;转换格式、压缩、裁剪、截图、切分合…...

编程日记 2023/7/31 11:51:14

shopee，lazada，etsy店群如何高效安全的管理

对于电商卖家来说&#xff0c;要经营多个店铺&#xff0c;管理多个账号是非常常见的操作。为了避免账号关联被平台识别出来&#xff0c;需要使用防关联的浏览器来进行操作 ​1、支持多平台 支持同时管理多个电商平台店铺&#xff0c;Shopee、Lazada、etsy、poshmark、vinted等&…...

编程日记 2023/7/31 11:49:12

【计算复杂性理论】证明复杂性（八）：命题鸽巢原理（Propositional Pigeonhole Principle）的指数级归结下界

往期文章&#xff1a; 【计算复杂性理论】证明复杂性&#xff08;Proof Complexity&#xff09;&#xff08;一&#xff09;&#xff1a;简介 【计算复杂性理论】证明复杂性&#xff08;二&#xff09;&#xff1a;归结&#xff08;Resolution&#xff09;与扩展归结&#xff…...

编程日记 2023/7/31 11:48:11

使用DataX实现mysql与hive数据互相导入导出

一、概论 1.1 什么是DataX DataX 是阿里巴巴开源的一个异构数据源离线同步工具&#xff0c;致力于实现包括关系型数据库(MySQL、Oracle 等)、HDFS、Hive、ODPS、HBase、FTP 等各种异构数据源之间稳定高效的数据同步功能。 1.2 DataX 的设计 为了解决异构数据源同步问题&#xf…...

编程日记 2023/7/31 11:47:09

语音转录成文本：AI Transcription for mac

AI Transcription是一种人工智能技术&#xff0c;它可以将音频和视频文件转换成文本格式。这种技术可以帮助用户快速地将大量的音频和视频内容转换成文本格式&#xff0c;方便用户进行文本分析、搜索和编辑等操作。 以下是AI Transcription的几个特点&#xff1a; 高效性。AI …...

编程日记 2023/7/31 11:46:09

[nlp] TF-IDF算法介绍

&#xff08;1&#xff09;TF是词频(Term Frequency) 词频是文档中词出现的概率。 &#xff08;2&#xff09; IDF是逆向文件频率(Inverse Document Frequency) 包含词条的文档越少&#xff0c;IDF越大。...

编程日记 2023/7/31 11:45:08

一些感想，写在8月之前

最近换工作了&#xff0c;离开了一个奋斗了4年多的公司&#xff0c;现在在新公司&#xff0c;还在培训中&#xff0c;不那么忙了&#xff0c;就写写最近的想法吧。 因为最近一直在研究框架和搭项目框架&#xff0c;所以就想把一些工作上的过程记录下来&#xff0c;以备不时之需…...

编程日记 2023/7/31 11:43:05

推动数字经济高质量发展需破解三大挑战

随着信息技术的飞速发展&#xff0c;数字经济已成为全球经济发展的重要驱动力。数字经济以其高效、便捷、创新的特点&#xff0c;深刻改变着传统产业和商业模式&#xff0c;为经济发展带来新的活力和动力。然而&#xff0c;要实现数字经济的高质量发展&#xff0c;仍然面临着三…...

编程日记 2023/7/31 11:42:04

Pycharm工具Python开发自动添加注释（详细）

方法自动添加参数注释 定义了一个函数&#xff0c;在函数下面敲入了三个双引号后&#xff0c;enter回车并没有自动出现注释&#xff0c;如图&#xff1a; 解决办法 Pycharm中依次打开File —> Settings —> Tools —> Python Integrated Tools&#xff0c;如图&…...

编程日记 2023/7/31 11:41:03

RUST 有哪些整型？

在Rust中&#xff0c;有以下几种整型数据类型&#xff1a; i8 &#xff1a;有符号8位整型&#xff0c;取值范围为-128到127。u8 &#xff1a;无符号8位整型&#xff0c;取值范围为0到255。i16 &#xff1a;有符号16位整型&#xff0c;取值范围为-32768到32767。u16 &#xff1…...

编程日记 2023/7/31 11:40:02

[PTA]从汉诺塔到斐波那契：递归思想在经典算法问题中的实战解析

1. 递归思想&#xff1a;从神话到代码的魔法之旅 第一次接触递归时&#xff0c;我盯着汉诺塔的代码看了整整三小时。那种感觉就像小时候听魔术师说"见证奇迹的时刻"——明明看着他把鸽子变没了&#xff0c;却死活想不通机关在哪。递归就是编程世界最优雅的魔术&#…...

编程新知 2026/3/29 20:03:52

Oracle PL/SQL避坑指南：处理超多列（2K+）数据导出到CSV的Loop循环写法

Oracle PL/SQL超宽表处理实战&#xff1a;2000列数据高效导出方案 1. 超宽表数据处理的核心挑战 在制造业质量检测、金融风控报表等场景中&#xff0c;我们经常会遇到列数超过2000的超宽表数据处理需求。这类表格通常包含大量测试指标、传感器数据或多维分析结果&#xff0c;传…...

编程新知 2026/3/29 19:19:36

TeslaMate终极指南：如何打造专属的特斯拉数据分析平台

TeslaMate终极指南&#xff1a;如何打造专属的特斯拉数据分析平台 【免费下载链接】teslamate teslamate-org/teslamate: TeslaMate 是一个开源项目&#xff0c;用于收集特斯拉电动汽车的实时数据&#xff0c;并存储在数据库中以便进一步分析和可视化。该项目支持监控车辆状态、…...

编程新知 2026/3/29 16:48:29

Maestro移动测试自动化成长路径：从零基础到专家的完整技能图谱

Maestro移动测试自动化成长路径&#xff1a;从零基础到专家的完整技能图谱 【免费下载链接】maestro Painless Mobile UI Automation 项目地址: https://gitcode.com/GitHub_Trending/ma/maestro 想要构建可靠的移动应用测试体系却不知从何开始&#xff1f;Maestro移动测…...

编程新知 2026/3/29 15:34:01

Kronos创新应用实战指南：从技术原理到跨行业落地

Kronos创新应用实战指南&#xff1a;从技术原理到跨行业落地 【免费下载链接】Kronos Kronos: A Foundation Model for the Language of Financial Markets 项目地址: https://gitcode.com/GitHub_Trending/kronos14/Kronos Kronos作为金融市场的"语言模型"&a…...

编程新知 2026/3/29 14:09:20

AI 模型推理性能瓶颈与优化方向

AI模型推理性能瓶颈与优化方向 随着AI技术在各行业的广泛应用&#xff0c;模型推理性能成为影响落地效果的关键因素。无论是实时交互场景还是大规模数据处理&#xff0c;推理效率直接决定了用户体验和成本控制。受限于计算资源、算法复杂度及硬件适配性等因素&#xff0c;AI模…...

编程新知 2026/3/29 13:22:40

从工具到生态：2026年建站系统深度解析与选型指南

在数字化转型已成为企业标配的今天&#xff0c;建立一个专业的官方网站&#xff0c;早已不是“有没有”的问题&#xff0c;而是“好不好用、能否支撑业务”的深层次考量。对于许多企业管理者、运营人员或创业者来说&#xff0c;“建站系统”这个词或许并不陌生&#xff0c;但当…...

编程新知 2026/3/29 13:18:33

Python实战：用NumPy实现酉矩阵的生成与验证（附完整代码）

Python实战&#xff1a;用NumPy实现酉矩阵的生成与验证&#xff08;附完整代码&#xff09; 在量子计算、信号处理和机器学习等领域&#xff0c;复数矩阵运算正变得越来越重要。酉矩阵&#xff08;Unitary Matrix&#xff09;作为复数域上的"正交矩阵"&#xff0c;保…...

编程新知 2026/3/29 12:28:12

OpenClaw安全防护指南：GLM-4.7-Flash执行权限管控实践

OpenClaw安全防护指南&#xff1a;GLM-4.7-Flash执行权限管控实践 1. 为什么需要安全防护&#xff1f; 上周我在调试OpenClaw自动化脚本时&#xff0c;差点酿成大祸。当时想让GLM-4.7-Flash模型帮我整理下载目录里的PDF文件&#xff0c;结果模型误解了指令&#xff0c;竟然试…...

编程新知 2026/3/29 11:03:06

赣州琴行哪家最可靠

在赣州&#xff0c;选择一家可靠的琴行对于孩子的钢琴启蒙和成长至关重要。今天我们就来聊聊赣州的几家知名琴行&#xff0c;看看哪家最适合您的孩子。1. 可六琴行&#xff1a;专注儿童钢琴启蒙&#xff0c;天天练琴模式为什么选择可六琴行&#xff1f;1.1 专注儿童钢琴启蒙具体…...

编程新知 2026/3/29 9:30:04