event.srcElement和event.target

最新推荐文章于 2017-12-19 10:33:33 发布
转载 最新推荐文章于 2017-12-19 10:33:33 发布 · 399 阅读 · 0
文章标签：

#ie

本文介绍了在不同浏览器环境下如何准确地获取触发事件的元素。在Internet Explorer中使用event.srcElement属性，在Firefox中则使用event.target属性。为了兼容所有浏览器，推荐使用一种通用的方法：obj(obj=event.srcElement?event.srcElement:event.target)。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

event.srcElement从字面上看有以下几个关键字：事件，源。意思为：当前事件的源。

我们可以调用的他的各种属性就像：document.getElementById("")这样的功能。

IE下，event对象有srcElement属性，但是没有target属性；FF下，event对象有target属性，但是没有srcElement属性，但是他们的作用是相当的。

解决办法：

使用obj(obj=event.srcElement?event.srcElement:event.target)。

js中的触发事件对象event.srcElement与event.target详解
10-20
例如，如果想要获取触发事件的元素的ID，可以使用event.srcElement.id或event.target.id。 在处理DOM树中的元素时，我们常常需要找到一个元素的父节点、子节点或同级节点等。使用event.srcElement的父亲节点...
js事件源window.event.srcElement兼容性写法(详解)
10-21
也就是说，不能直接通过window.event.srcElement来获取事件源，而应该使用事件对象的srcElement属性，或者在火狐中使用target属性。因此，当我们想编写一份兼容所有主流浏览器的代码时，就需要采用特定的兼容性写法...
event.srcElement 说明 方法 技巧
数据库天地
12-07 491
得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素，他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法： event.s...
JS学习笔记1
ykdsg的专栏
04-26 665
event.srcElement从字面上可以看出来有以下关键字：事件,源    他的意思就是：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event
event.srcElement　说明　方法　技巧
天涯 书塾
05-08 3936
event.srcElement从字面上可以看出来有以下关键字：事件,源     他的意思就是：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox
event.srcElement
weixin_30315905的博客
12-25 155
event.srcElement从字面上可以看出来有以下关键字：事件、源他的意思就是：当前事件的源。 我们可以调用他的各种属性 就像:document.getElementById("")这样的功能。 经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明： IE下,event对象有srcElement属性,但是没有target属性;Firefox下...
替代window.event.srcElement效果的可兼容性的函数
05-04
在JavaScript编程中，特别是在处理事件时，`window.event` 是一个内置对象，它提供了与当前事件相关的各种信息，如事件的目标元素（`event.srcElement` 在IE中，`event.target` 在非IE浏览器中）。然而，`window....
event.srcElement 用法笔记e.target
09-05
这个属性在Internet Explorer浏览器中被广泛使用，而Firefox和其他遵循W3C标准的浏览器则使用`event.target`来达到相同的目的。两者的本质都是为了获取当前事件作用的源头对象。 在事件处理函数中，`event....
IE event.srcElement和FF event.target 功能比较
12-04
在JavaScript事件处理中，`event.srcElement` 是 Internet Explorer 浏览器特有的属性，用于获取事件发生时的源元素，而 `event.target` 是在 Firefox、Chrome、Safari 和其他遵循 W3C 规范的浏览器中使用，作用相同...
event的srcElement
xclsky的博客
12-19 992
1 js函数中有event对象。event对象为事件对象。event有一个属性是srcElement。event.srcElement为获取事件的对象引用。和通过document.getElementById("id")具有一样的效果。 如： js函数-------------------   function btn_btn1_onclick(){   var obj_=event.
关于window.event.srcElement (触发事件的对象)
HuajianHsiu008的专栏
03-15 377
【转帖】 document.onmousedown=x 单击鼠标键产生事件 document.body.scrollTop; 返回和设置当前竖向滚动条的 ... location.reload(); 使本页刷新，target可等于一个刷新的网页 ... window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3 ... availHeight 返回当前屏幕高...
event.srcElement 与event.target (引用)
班轻扬
02-26 844
<br />感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。<br />注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。<br /><script type="text/javascript"><br />    function tdclick(){<br />        if(event.srcElement.tagName.toLowerCase()=='td')<br />
event.srcElement的用法
YANGZHONGBAO411的专栏
09-23 700
event对象指当前触发的事件对象,   window.event.srcElement是指触发事件的对象。比如你设定document.onclick   =   myfunc;这时所有页面点击的事件都交给myfunc处理，在myfunc函数里可以写vSrc   =   window.event.srcElement，知道用户是点击了什么地方，做相应处理。     你找个HTML文件，在其中加上这
IE11下event.srcElement获取不到对应属性的解决方法
江湖小虾米
06-09 6554
有如下一段代码：
obj.onmousedown = function(event) { //点击的不是白盒子 // 兼容IE event = event || window.event; if ((event.target ? event.target : event.srcElement).className == 'i') { if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#1AAB8A") { num1 = num1 + 200; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#E15650") { num2 = num2 + 300; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#121B39") { num3 = num3 + 400; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#80A84E") { num4 = num4 + 500; } //点击后的盒子颜色 (event.target ? event.target : event.srcElement).style.backgroundColor = "#bbb"; //清除盒子标记 (event.target ? event.target : event.srcElement).className = ''; //计分 //显示得分 num=num1+num2+num3+num4; count.innerHTML = '当前得分: ' + num; } 为什么错了
05-24
event.target : event.srcElement).style.backgroundColor == "rgb(26, 171, 138)") { num1 = num1 + 200; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(225, 86...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值