event.srcElement与event.target

最新推荐文章于 2021-06-22 10:18:14 发布
最新推荐文章于 2021-06-22 10:18:14 发布
阅读量257 收藏
点赞数
文章标签： event.srcElement event.target 事件处理函数中的目标元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengduxiu/article/details/103357175
版权

一、window.event.srcElement和window.event.target都是指：获得触发事件的目标元素
区别：window.event.srcElement是IE、火狐、谷歌都支持的
window.event.target在IE10及以下浏览器中不支持
在这里插入图片描述
在这里插入图片描述
二、使用前检测
var node=window.event.srcElement?window.event.srcElement:window.event.target
或者：var node=window.event.srcElement || window.event.target

mengduxiu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jsp页面兼容谷歌浏览器相关问题
NOIFNOIFNOIF的博客
10-19 3141
（1）js按键事件兼容：function document.oncontextmenu()ie8可运行，谷歌改为function document.onkeydown() （2）触发事件对象：IE浏览器支持window.event.srcElement，谷歌火狐支持window.event.target；兼容时做一下三目运算即可window.event.srcElement?window.event.srcElement:window.event.target （3）style对象的cssText方法.
event.srcElement 用法笔记e.target
09-05
`event.srcElement` 是在JavaScript中处理DOM事件时的一个属性，主要用于获取触发事件的元素。...在编写跨浏览器的事件处理代码时，需要考虑`event.srcElement`与`event.target`之间的差异，并采取适当的兼容性策略。
IE event.srcElement和FF event.target 功能比较
12-04
注意获取的标记都以大写表示，如”TD”,”TR”,”A”等 代码如下: <div id=”div_001″> <form id=”form_001″> <input type=”button” id=”button_001_id” name=”button_001_Name” value=”单击查看” class=”button_001_Class” onclick=”Get_srcElement(event)”> <select name=”selectname” onchange=”alert(event.srcElement.options[event.srcElement.selec
JS的event.srcElement与event.target（触发事件对象）
weixin_33782386的博客
10-26 326
IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的，即： firefox 下的 event.target = IE 下的 event.srcElement 解决方法:使用obj = event.srcElement ? event.srcElement : e...
event.srcElement 与event.target
alexgao624的专栏
04-12 245
http://www.cnblogs.com/Robin-wu/archive/2008/07/25/1251453.html Javascript event.srcElement感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，
JS中的event.srcElement和event.target
yrtao时空
01-25 290
      JS中event.srcElement是IE中的用法，event.target是非IE中的用法．       event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。       注意获取的标记都以大写表示，如"TD","TR","A"等。 &lt;script type="text/javascri...
js中的触发事件对象event.srcElement与event.target详解
10-20
主要给大家介绍了js中的触发事件对象event.srcElement与event.target的相关资料，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
替代window.event.srcElement效果的可兼容性的函数
05-04
在JavaScript编程中，特别是在处理事件时，`window.event` 是一个内置对象，它提供了与当前事件相关的各种信息，如事件的目标元素（`event.srcElement` 在IE中，`event.target` 在非IE浏览器中）。然而，`window....
js事件源window.event.srcElement兼容性写法(详解)
11-28
如下所示： <html> <body> <p>一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 </p> <p>比如</p> <p> <input value="input"> <br> <span>span</span></p> <div>div</div> <p>event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你
event.srcElement和event.target
我的博客
06-22 273
IE中，event对象有srcElement属性，但是没有target属性。 firefox中，event对象有target属性，但是没有srcElement属性。
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;
js中event.srcElement和event.target的区别
开向幸福的向阳花
12-03 3589
Javascript event.srcElement event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。 注意获取的标记都以大写表示，如"TD","TR","A"等。 例如：alert(oEvent.srcElement.tagName)   //结果为 SELECT  //测试得出通
event.srcElement与event.target的区别
陈荣亮的博客
04-11 1042
起初不知道这玩意是啥，看到的时候是别人写的原生事件委托时用到，大约猜到是和event.target类似的兼容写法，好奇就度娘搜了一下。 其实就是字面的意思，event的源元素，通过它可以进行和document.getElementById(element)一样的操作。 我们在一个输入框失焦的时候alert一下值 html： &lt;input type="text" onblur="...
前端面试题之解决浏览器兼容性的方案
Mrxcguo的博客
10-07 3923
浏览器兼容性涉及的内容有很多，特别是针对IE浏览器，以下整理出五种常见的浏览器兼容性解决方法。 一、样式初始化 由于各大浏览器会有自身的默认样式，并且不尽相同，所以为了尽可能的保证样式的统一性，前端在开发项目之前都会先进行样式格式化，最常见的分为以下几个方面。 1.pandding 值和 margin 值均设置为 0 将html、body、a、li、ol、input、textarea、select、button 等标签的 padding 值和 margin 值设置为 0。 2.html 标签 设置统一的字体
事件获取目标 currentTarget target srcElement 三者之间的区别和联系
weixin_34080571的博客
05-09 1132
currentTarget 指的是触发事件的当前对象，可以是冒泡和捕获的对象，不一定是点击或者鼠标移入等事件的直接触发对象。可以是他的父元素等。 target 指的是事件触发的直接对象。IE有兼容问题。 srcElement 和target相同，firFox不兼容。 获取直接目标对象的兼容写法 var target = e.target || e.srcElement t...
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、付费专栏及课程。

余额充值