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

JavaScript---事件对象event

news 2026/5/22 0:39:29

获取事件对象：

事件对象：是个对象，这个对象里有事件触发时的相关信息，在事件绑定的回调函数的第一个参数就是事件对象，一般命名为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

2026年免费照片去水印软件App排行榜｜去水印App推荐和评测指南

照片被水印困扰是很多用户的常见问题。无论是保存网络上的精美图片、处理工作资料&#xff0c;还是制作个人素材库&#xff0c;去水印都是一个实用的需求。本篇文章根据2026年最新的工具体验&#xff0c;为你梳理免费照片去水印软件app有哪些、各类去水印App怎么选择&#xff0…...

编程新知 2026/5/22 0:05:36

如何永久免费使用IDM：开源激活脚本完整使用指南

如何永久免费使用IDM&#xff1a;开源激活脚本完整使用指南 【免费下载链接】IDM-Activation-Script IDM Activation & Trail Reset Script 项目地址: https://gitcode.com/gh_mirrors/id/IDM-Activation-Script 你是否厌倦了Internet Download Manager&#xff08;…...

编程新知 2026/5/22 0:03:26

chatgpt-web-midjourney-proxy的Tauri桌面应用：跨平台AI客户端构建终极指南

chatgpt-web-midjourney-proxy的Tauri桌面应用&#xff1a;跨平台AI客户端构建终极指南 想要在本地轻松体验ChatGPT、Midjourney和GPTs的强大功能吗&#xff1f;chatgpt-web-midjourney-proxy项目的Tauri桌面应用为你提供了完美的解决方案&#xff01;这款跨平台AI客户端让AI助…...

编程新知 2026/5/21 23:36:52

2026有赞春季发布会：有效果的AI驱动增长，智能体和数字员工交出成绩单

5月21日&#xff0c;有赞2026年春季发布会在杭州举办&#xff0c;主题是“有效果的AI”。过去一年&#xff0c;有赞智能体和数字员工已经迈入交付结果的新阶段。数据显示&#xff0c;2025年有赞AI智能体活跃使用商家18220个&#xff0c;整体调用量超3600万次&#xff0c;引导成…...

编程新知 2026/5/21 23:32:48

如何在Mayo中使用剪辑平面和爆炸视图：复杂装配体分析利器

如何在Mayo中使用剪辑平面和爆炸视图&#xff1a;复杂装配体分析利器 【免费下载链接】mayo 3D CAD viewer and converter based on Qt OpenCascade 项目地址: https://gitcode.com/gh_mirrors/ma/mayo Mayo是一款功能强大的开源3D CAD查看器和转换器&#xff0c;基于Q…...

编程新知 2026/5/21 23:24:41

Java全栈工程师面试实录：从基础到微服务的深度技术对话

Java全栈工程师面试实录&#xff1a;从基础到微服务的深度技术对话 面试官与程序员的对话 面试官&#xff08;李哥&#xff09;&#xff1a; 你好&#xff0c;欢迎来参加我们公司的面试。我是李哥&#xff0c;负责技术面试。先简单介绍一下你自己吧。 程序员&#xff08;张浩&a…...

编程新知 2026/5/21 22:24:32

英伟达市值“富可敌国”，AI基建核心地位稳固但仍有隐忧

英伟达市值惊人&#xff0c;超多数国家经济体截至2026年5月21日&#xff0c;英伟达的市值大约在5.5万亿美元。据悉&#xff0c;按IMF 2026年4月版《世界经济展望》的名义GDP预测&#xff0c;美国约32.38万亿美元&#xff0c;中国约20.85万亿美元&#xff0c;德国约5.45万亿美元…...

编程新知 2026/5/21 21:52:56

编程语言对比：从C到Python

好的&#xff0c;我将为你清晰介绍这几种编程语言的主要区别&#xff1a;1. C语言定位&#xff1a;面向过程的系统级编程语言。特点&#xff1a;接近硬件&#xff0c;可直接操作内存&#xff08;如指针&#xff09;。语法简洁&#xff0c;无面向对象特性。应用场景&#xff1a;…...

编程新知 2026/5/21 20:35:31

Pulover‘s Macro Creator：你的数字助手，让电脑学会“自己工作“

Pulovers Macro Creator&#xff1a;你的数字助手&#xff0c;让电脑学会"自己工作" 【免费下载链接】PuloversMacroCreator Automation Utility - Recorder & Script Generator 项目地址: https://gitcode.com/gh_mirrors/pu/PuloversMacroCreator 你是否…...

编程新知 2026/5/21 20:33:29

SketchBook Pro 中文版

🎨 绘画爱好者必看！SketchBook Pro 中文破解版，让你的创意自由飞翔！✨ 👋 各位CSDN的小伙伴们，大家好呀～ 今天给大家带来一款超级好用的数字绘画神器—— SketchBook Pro 中文破解版！🎨🎨🎨 如果你是喜欢画画的、搞设计的、画概念图的，或者平时需要在电脑/平…...

编程新知 2026/5/21 19:13:05