JS | e.target 和 e.srcElement的区别

原创 已于 2024-10-14 08:57:44 修改
· 824 阅读 · 14 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ecmascript #target #srcElement #事件对象

于 2024-10-14 08:54:50 首次发布

e.target 和 e.srcElement的主要区别在于它们分别属于不同的浏览器对事件对象属性的支持。‌ 在IE浏览器中，使用event.srcElement属性来获取触发事件的元素，而在Firefox及其他现代浏览器中，则使用event.target属性。尽管两者作用相似，但为了实现跨浏览器兼容性，通常会将两者结合使用，例如通过逻辑判断来选择适当的属性‌。

在IE浏览器中，event.srcElement属性用于获取触发事件的元素，这个属性名直接表明了其功能，即获取事件的源元素。通过这个属性，可以调用各种方法来获取元素的详细信息，例如使用document.getElementById等方法‌。而在Firefox及其他现代浏览器中，使用event.target</

最低0.47元/天 解锁文章
e.target 和 this 的区别以及键盘事件的应用
m0_72313625的博客
08-30 1439
e.target 返回的是触发事件的对象（元素）this 返回的是绑定事件的对象（元素） 事件委托的核心原理：给父节点添加侦听器，利用事件冒泡影响每一个子节点
event.srcElement 用法笔记e.target
12-09
注意获取的标记都以大写表示，如”TD”,”TR”,”A”等。所以把看过的一些抄下来，不记得的时候再来看看。 代码如下: [removed] function tdclick(){ if(event.srcElement.tagName.toLowerCase()==’td’) alert(“行：”+(event.srcElement[removed].rowIndex+1)+”列：”+(event.srcElement.cellIndex+1)); } [removed] event.srcElement从字面上可以看出来有以下关键字：事件,
e.target 和 e.srcElement
肖肖肖丽珠的博客
04-13 9318
调用他的各种属性就像:document.getElementById("")这样的功能。 也就是当前的这个对象。类似this。 两个的区别是：ie下支持e.srcElement，ff支持e.target。 所以。 兼容两者： var target = e.srcElement ? e.srcElement : e.target;             弹出操作的那个对象：   
e.target与e.e.srcElement
weixin_30786617的博客
08-26 205
document.onclick=function(event){ var e=event?event:window.event; var ee=e.target||e.srcElement; alert(ee.tagName); } document.onkeydown=function(event){ //alert(event); //var e=eve...
js e.target
weixin_30562507的博客
01-05 477
e.target 是目标对象，e.event是目标所发生的事件 <script type="text/javascript"> $ (".B").hide (); $ (".A").click (function (){ $ (".B").toggle (); }); $(window).click (f...
js的简单问题: e e.target
hb0746的专栏
07-14 5012
问： Ext.onReady(function() { var paragraphClicked = function(e) { Ext.get(e.target).highlight(); } Ext.select('p').on('click', paragraphClicked); 其中function(e)中e是什么，e.target是什么？？   答：这里的e是指事件；
document.querySelector(".checkbox_nav").onclick = function (event){ //let e = event || window.event; // let tar = event.target ||event.srcElement; if(event.target.classList.cotains("child")) { event.target.classList.add("show") } } 帮我找出错误
05-30
// let tar = event.target ||event.srcElement; if (event.target.classList.contains("child")) { event.target.classList.add("show"); } }; ``` 修改后的代码中，注释符号已经被关闭，而且contains的拼写...
替代window.event.srcElement效果的可兼容性的函数
05-04
在JavaScript编程中，特别是在处理事件时，`window.event` 是一个内置对象，它提供了与当前事件相关的各种信息，如事件的目标元素（`event.srcElement` 在IE中，`event.target` 在非IE浏览器中）。然而，`window....
【JS学习】 e.target 和 e.currentTarget
m0_61486963的博客
07-02 523
e.target 和 e.currentTarget 的区别
JS中this和e.target
m0_60679611的博客
01-30 1432
this的用法： 解析器每次调用函数都会传入一个隐含参数，即this this指向一个对象，称为函数执行的上下文对象 根据函数调用方式不同，this指向不同对象： 以函数形式调用 this指向windows 以方法形式调用 this指向执行该方法的对象 构造函数中的this this指向该构造函数的实例，即新开辟的函数的空间 e.target的用法： e.target返回的是触发事件的对象（元素） this...
js事件目标查找方式，事件代理，e.target与e.currentTarget的区别，阻止冒泡与捕获，取消默认事件一次搞懂，看这个就够了
m0_46217225的博客
03-30 5302
文章目录EventTarget 事件目标的查找方式（冒泡与捕获）冒泡与捕获：冒泡事件捕获事件：addEventListener(type,listener,useCapture) 简单分析：参数useCapture详解：冒泡与捕获的顺序：代码演示：事件代理机制利用事件冒泡完成事件代理机制：关于事件对象的知识点：e.target与e.currentTarget的区别：阻止冒泡与捕获为什么要阻止冒泡或捕获？阻止冒泡或捕获的方法event.stopPropagation()阻止冒泡：event.stopPropa
js中事件的function（e）中的e和e.target是什么
qq_62693649的博客
08-24 5389
比如此ul包含了3个li元素，事件绑定在ul上，但是当点击li是，打印出来对象的会显示点击来自li。当在一个父元素上绑定了此事件时，但其子元素触发了事件，那么e就指向了子元素，而不是父元素。也可以使用以下方法获取元素的标签名（如li，div），id名，类名等。并且我们可以使用e.target来获取事件触发的元素内容。这个e可以获取具体是哪个元素触发了相关的事件；获取触发事件元素的内容。
event.srcElement和e.target
ForMyQianDuan的博客
11-12 576
event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。  复制代码代码如下:   function tdclick(){  if(event.srcElement.tagName.toLow
浅析js中e.target和e.currentTarget的区别
w799766的博客
04-09 7886
简单的说，e.curretnTarge是指注册了事件监听器的对象，e.target是指对象里的子对象，实际触发这个事件的对象。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=d...
target和this的区别
qq_40687516的博客
12-22 912
区别 ： e.target 点击了那个元素，就返回那个元素 this 那个元素绑定了这个点击事件，那么就返回谁 <body> <div>123</div> <ul> <li>abc</li> <li>abc</li> <li>a...
Javascript 中的 this 和 event.srcElement 的区别
weixin_30367873的博客
08-18 142
学习交流，欢迎转载。转载请注明文章来源：http://www.cnblogs.com/lgjspace/archive/2011/08/09/2131643.html 　　window.event.srcElement 属性可以用来获得触发事件的源对象，我自己碰到过的用得最多的其中一个场合就是：在需要让多个事件共享一个事件响应函数时，可以遍历所有相关的对象，把每个相关对象和 windo...
e.target和this的区别/js触发事件的方式有哪些
最新发布
qq_73700909的博客
11-17 438
区别： e.target返回的是触发事件的对象（元素） this 返回的是绑定事件的对象（元素） e.currentTarget 当前绑定事件的元素在JavaScript中，e.target和this有着不同的含义和用途。e.target通常是在事件处理程序中使用的，它表示触发事件的元素。例如，如果你在一个按钮上设置了一个点击事件，那么当你点击这个按钮时，e.target将会指向这个按钮。它的主要用途是获取到事件发生的源头，以便于执行针对该元素的操作。而this。
target = e.target || e.srcElement(转载)
weixin_30905133的博客
10-21 597
//鼠标点击出现下拉菜单，点其他地方，缩回去。 document.addEventListener("mousedown", function(e) { var target = e.target || e.srcElement; while (target != document && target != popup) { target = target.parent...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

儒雅的烤地瓜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值