target与srcElement

最新推荐文章于 2022-07-06 17:26:44 发布
最新推荐文章于 2022-07-06 17:26:44 发布
阅读量1k 收藏
点赞数
分类专栏： 浏览器兼容 文章标签： 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013261261/article/details/44976937
版权 
var theEvent = window.event || e,
    srcElement=theEvent.srcElement?theEvent.srcElement:theEvent.target;

当我们在dom上注册事件后，往往要通过回调函数处理事件，
$dom.click(function(e){
   //TODO
});
各个浏览器对事件源对象有不同的支持，会造成各种兼容性问题

IE：IE下没有target属性但是有srcElement属性
FF：FF下没有srcElement属性但是有target属性
Chrome:chrome下同时有这两个属性
酥麻喇蛊
关注
专栏目录
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从字面上可以看出来有以下关键字：事件,
js中的触发事件对象event.srcElement与event.target详解
10-20
event对象中包含多个属性，其中event.srcElement和event.target是两个用来获取触发事件元素的属性。在不同的浏览器中，这两个属性的支持情况是有所差异的。例如，在IE浏览器中，事件对象包含srcElement属性，而在...
event.srcElement与event.target的区别
iBenxiaohai123的博客
07-28 706
window.event.srcElement与window.event.target 都是指向触发事件的元素，它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用，因为事件通过元素层次冒泡，可以在任意一层进行处理， 有了元素的引用，就可以读写改元素的属性。   IE浏览器支持window.event.srcElement ， 而firefox支持window
JS的event.srcElement与event.target（触发事件对象）
weixin_33782386的博客
10-26 336
IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的，即： firefox 下的 event.target = IE 下的 event.srcElement 解决方法:使用obj = event.srcElement ? event.srcElement : e...
javascript event.srcElement与event.target的区别（待深入研究）
姬豪杰的专栏
07-01 4988
IE :    event 对象有  srcElement , 但没有 target 属性FireFox:    event 对象有  target ,但没有 srcElement  属性解决方法 ：    eve =event.srcElement?event.srcElement:event.target;(个人认为类似于判断游览器)srcElement :         对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。target :     
事件对象上为什么要有srcElement和target两个属性？且二者可以看到内容都是一样的、 js中event.srcElement和event.target用法和区别？
imkaifan的博客
07-06 336
事件对象上为什么要有srcElement和target两个属性？且二者可以看到内容都是一样的、 js中event.srcElement和event.target用法和区别？
IE event.srcElement和FF event.target 功能比较
12-04
在JavaScript事件处理中，`event.srcElement` 是 Internet Explorer 浏览器特有的属性，用于获取事件发生时的源元素，而 `event.target` 是在 Firefox、Chrome、Safari 和其他遵循 W3C 规范的浏览器中使用，作用相同...
js中event.srcElement和event.target的区别
开向幸福的向阳花
12-03 3607
Javascript event.srcElement event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。 注意获取的标记都以大写表示，如"TD","TR","A"等。 例如：alert(oEvent.srcElement.tagName)   //结果为 SELECT  //测试得出通
event.srcElement和event.target
我的博客
06-22 298
IE中，event对象有srcElement属性，但是没有target属性。 firefox中，event对象有target属性，但是没有srcElement属性。
event.srcElement与event.target
mengduxiu的博客
12-02 278
window.event.srcElement和window.event.target都是指：获得触发事件的目标元素 区别：window.event.srcElement是IE、火狐、谷歌都支持的 window.event.target在IE10及以下浏览器中不支持 ...
js 捕捉事件和事件源:ev = ev || window.event 和 e.target VS e.srcElement
热门推荐
kungfu_panda的专栏
09-19 1万+
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 如何获取事件触发源（兼容IE和FireFox） function ClickMe(e) { var src = e.target || window.event.srcElement;
《转》js中event.srcElement和event.target的区别
round122的博客
01-17 170
原文链接；http://blog.163.com/zjlovety@126/blog/static/22418624201112765232486/ Javascript event.srcElement event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如"TD","T...
js中event.srcElement和event.target用法和区别
pupilkk的博客
01-23 1万+
IE中，event对象有srcElement属性，但是没有target属性。 firefox中，event对象有target属性，但是没有srcElement属性。 可以使用，var node = event.srcElement？event.srcElement:event.target; 或，var node = event.srcElement || event.target;
事件获取目标 currentTarget target srcElement 三者之间的区别和联系
weixin_34080571的博客
05-09 1147
currentTarget 指的是触发事件的当前对象，可以是冒泡和捕获的对象，不一定是点击或者鼠标移入等事件的直接触发对象。可以是他的父元素等。 target 指的是事件触发的直接对象。IE有兼容问题。 srcElement 和target相同，firFox不兼容。 获取直接目标对象的兼容写法 var target = e.target || e.srcElement t...
浏览器间的事件区别
风火一回，一生不毁
06-12 947
1、event的relatedTarget、fromElemen和toElement属性 mouseover和mouseout事件都涉及鼠标指针从一个元素边界移入另一个元素的边界中。而获得鼠标的元素是主要作用对象，可以移入的元素即为相关元素。 relatedTarget属性： event对象的relatedTarget属性提供了相关元素的信息，该对象只对m
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
这段代码可能出错的地方有： 1. 在 if 语句中，比较颜色值时应该使用双等号 `==`，而不是赋值符号 `=`。 2. 在比较颜色值时，应该使用 RGB 值而不是颜色名称。例如，应该使用 `rgb(26, 171, 138)` 而不是 `#1AAB8A`。 3. 在计算得分时，应该将四个得分相加，而不是分别累加到 num1、num2、num3 和 num4 中。 下面是修改后的代码： ``` 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 == "rgb(26, 171, 138)") { num1 = num1 + 200; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(225, 86, 80)") { num2 = num2 + 300; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(18, 27, 57)") { num3 = num3 + 400; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(128, 168, 78)") { 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; } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值