js获取事件源对象

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 900+累计阅读 989平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄16年

关注

原创最新推荐文章于 2026-01-21 10:26:36 发布 989 阅读 AI 写同款· GEO 优化 ›

JavaScript技巧：使用event.target获取事件源对象在JavaScript中，我们经常需要获取触发事件的元素（事件源对象）。event.target是一个非常有用的属性，它可以帮助我们准确地获取到触发事件的元素。在事件处理程序中，event对象包含了有关事件的详细信息，其中就包括了event.target属性。event.target属性指向触发事件的元素，无论事件是直接在该元素上触发还是通过冒泡方式传播到该元素。当点击按钮时，事件会先在按钮上触发，然后冒泡到外层div元素。外，我们还可以在事件冒泡阶段使用该属性来获取触发事件的元素。阅读详情

在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性.

解决方法：使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.。同时注意event的兼容性问题。

收录于

javascript

当前文章被收录于：

javascript

48 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

ArcMap投影变换避坑指南：为什么你的坐标转换总出错？常见问题解析与解决方案本文深入解析ArcMap中坐标转换与投影变换的核心区别与常见陷阱。针对坐标转换总出错的问题，从混淆“定义投影”与“投影变换”、栅格数据重采样选择、矢量数据地理变换参数设置等关键环节，提供清晰的避坑指南与实战解决方案，帮助用户确保空间数据的精确匹配。阅读详情

相关推荐

（ZOS-API)Matlab控制ZEMAX软件调整光学系统某镜面位姿

所用软件的版本：MatlabR2022a, Zemax OpticStudio2024R1交互扩展功能，Zemax和可以同时打开，操作会比较方便在ZEMAX软件中，调整次镜位置通常有两种方法：1.在次镜前后各添加一个坐标间断面，并修改其“偏心X”“偏心Y”等参数来调整次镜的位姿；2.或者直接在次镜属性选项中设置相关数值。这两种方法对Zernike系数的采集结果无显著影响。

ecilifurt的博客 911

js - 事件对象

js 事件对象。

weixin_57135131的博客 1500

FRM模型五：Brinson业绩归因

利用Brinson对基金组合业绩进行归因分析。

stonesssssss的博客 3006

Javascript：获取事件对象

听海边涛声 628

CANoe基础讲解01：从零开始使用CANoe轻松搭建你的第一个CAN网络

本文是一篇CANoe软件入门实操指南，逐步演示了如何从零创建并运行一个CAN FD仿真工程。内容包括：启动软件、配置硬件通道与网络、加载DBC数据库、使用CAPL编写仿真节点发送CAN报文，最终启动测量并在Trace窗口中查看通信结果。通过七个清晰步骤，帮助初学者快速掌握CANoe基本操作，完成首个可运行的仿真网络搭建

车载网络小D的博客 1573

Pytorch入门实战（2）-使用BP神经网络实现MNIST手写数字识别

上一篇：Pytorch入门实战（1） - 实现线性回归涉及知识点 Pytorch nn.Module的基本使用 Pytorch nn.Linear的基本用法 PytorchVision Transforms的基本使用 Pytorch中DataLoader的基本用法 Pytorch详解NLLLoss和CrossEntropyLoss 如何确定神经网络的层数和隐藏层神经元数量本文内容本文将会使用BP神经网络（就是最普通的神经网络）实现一个MNIST手写数据集的实现。话不多说，直接开始。首先先导入需要的包

iioSnail的博客 6617

Js的event事件对象

也就是说, 页面上任何一个元素触发事件, 都会一层一层的最终导致 window 的相同事件触发, 前提是各层级元素得注册有相同的事件, 不然不会触发。- **当元素触发一个事件的时候, 其父元素也会触发相同的事件, 父元素的父元素也会触发相同的事件**- 点击子元素的时候, 不管子元素有没有点击事件, 只要父元素有点击事件, 那么就可以触发父元素的点击事件。- 就是从 window 的事件处理函数开始, 依次向内, 直到事件 **目标** 的事件处理函数执行。

m0_73384555的博客 741

《备考系统架构设计师》 - 专栏介绍和目录

本专栏包括所有历年真题及详解、章节知识核心总结、精选高分论文、补充知识、专题总结等。欢迎订阅专栏。

数据知道的博客 4万+

常用的一些javascript小技巧

以下信息来之于蓝色理想的oror帖子//事件源对象 event.srcElement.tagName event.srcElement.type //捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture();//事件按键 event.keyCode event.shiftKey event.alt

eric wang的专栏 2469

Labview邪修01：贪吃蛇小游戏

摘要：博主使用LabVIEW 2020(32位)复刻了经典贪吃蛇游戏。程序具备随机生成蛇(初始长度3)和食物、三档速度调节、键盘方向控制等功能，碰撞边界或自身即游戏结束。实现过程包括：1)界面设计，使用二维颜色盒数组构建游戏区，添加速度枚举控件和功能按钮；2)程序架构，采用模块化设计包含Main.vi、Start.vi等6个核心VI，分别处理初始化、位置计算、碰撞检测等逻辑；3)事件驱动机制，通过开始/结束事件、按键响应和超时循环实现游戏流程控制。运行时可实时显示分数，完整还原了贪吃蛇的核心玩法。

weixin_38637405的博客 970

Far planner代码系列（2）

graph_decoder系列（2）承接上文我们接着来看decoder_node.cpp的代码部分 void GraphDecoder::Init() { /* initialize subscriber and publisher */ //graph_sub_ 订阅节点/robot_vgraph 其类型是visibility_graph_msg/Graph的消息 graph_sub_ = nh.subscribe("/robot_vgrap...

博客 1534

JavaScript进阶：事件和事件处理

关于JavaScript事件的基础知识整理

XSL_HR的博客 1725

在 SAP 里玩转 FTP：标准程序 RSFTP00x 全景解析与落地实践

摘要：SAP系统通过封装的标准FTP程序(RSFTP001-008)提供便捷的文件传输能力，适用于各类集成场景。关键点包括：1)依赖SAPFTP可执行程序和RFC目的地；2)使用RSFTP005进行前置检查并生成RFC配置；3)标准报表各司其职，如RSFTP002用于命令测试、RSFTP007/008提供参考实现；4)开发时组合FTP_CONNECT/COMMAND/DISCONNECT等函数模块。特别注意前台(SAPFTP)与后台(SAPFTPA)的环境差异，这是常见故障点。该方案通过标准化工具链显著降低

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 210

JavaScript如何获取事件源对象

写在前面鉴于JS这门语言神奇的特性，我会开辟一个专栏来收录一些==现代的==、==行之有效的==且==方便使用的==解决某一类==看起来简单==却==难以解决==并且比较关键与基础的问题。此举并非旨在贻笑大方，止自己查阅方便耳言归正传，获取事件源的方法，event将要被淘汰，我们或许更应该使用一种代替。目前没有找到其他更方便的方法，大家可以用这个 in HTML <a onclick="submit(this)">删除</a> in JS function submit(

Charlesix59的博客 1932

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！

JS获取事件源对象

js获取事件源对象时在IE、谷歌、遨游下用event都可以得到但是在火狐下不行，不需要传入一个event事件源参数，才能够获取 eg: function getSome() { var e=event||window.event; alert(e.button); } 测试上面的测试在谷歌和IE下可以。但是在火狐下就不行，貌似火狐需要传事件源入口 function g

PainsOnline的专栏 3004

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

JavaScript处理中获取事件源对象

第一种绑定方式（直接绑定到标签后面的事件）获取事件源的方法这里的this就是指的是这个h2标签所以再控制台输出的时候会将整个控制台输出如果然后通过传引用的方式将事件源对象传入到事件处理程序中：这里的ob指的就是this，然后就可以通过ob的方法来创建事件第二种绑定方式（通过添加js代码的方式）来获取事件源的方法第一种事件源的获取需要在方法中传入一个this，但是在第二种方法中我们不需要将this传入，这里的this就是表示的当前事件源然后就可以通过this来创建标签的格式 ...

qq_48783543的博客 788

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用，资源的后缀为tar.gz格式的压缩包

js获取事件源及触发该事件的对象

如何获取事件源及触发该事件的对象，方法有很多，js中可以通过event来实现，下面有个不错的示例，感兴趣的朋友可以参考下： function myfunction(event) { event = event ? event : window.event; var obj = event.srcElement ? event.srcElement : event.target; //这时o

Edward的web前端修炼之路 4848

javascript获取事件源对象和产生事件的对象

事件源对象是指event对象，其封装了与事件相关的详细信息，比如按键状态。获取事件源对象的方法如何获取事件触发源（兼容I ...

754

js获取事件源（触发该事件的对象）

某Html元素有onclick方法：onclick='return myfunction(event)' function myfunction(event) { event = event ? event : window.event; var obj = event.srcElement ? event.srcElement : eve

code旅行者的专栏 4240

上一篇： javascript的nodeType 属性

下一篇： ImageView.ScaleType设置图解

（ZOS-API)Matlab控制ZEMAX软件调整光学系统某镜面位姿

ecilifurt的博客

08-19

911