event.srcElement

最新推荐文章于 2020-08-14 14:55:21 发布
原创 最新推荐文章于 2020-08-14 14:55:21 发布 · 445 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文介绍了事件对象及其srcElement属性的作用，解释了如何利用该属性获取触发事件的HTML元素，进而对该元素进行读写操作及调用其方法。

得到或设置触发事件的对象。
event.srcElement就是指向触发事件的元素，他是什么就有什么的属性
srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.
Elm  =  Elm.parentElement

JavaScript技巧：使用event.target和event.srcElement来获取事件目标
TechNovaX的博客
09-23 673
在处理这些事件时，有时我们需要获取事件的目标元素，也就是触发该事件的元素。需要注意的是，event.srcElement只在一些较旧的IE浏览器版本中支持，而在现代的浏览器中，我们应该优先使用event.target来获取事件目标，以保证代码的兼容性。在上面的代码中，我们使用addEventListener方法来监听一个点击事件，并在控制台输出事件的目标元素。在上面的代码中，我们通过直接给document对象的onclick属性赋值的方式来监听点击事件，并输出事件的目标元素。
js事件源window.event.srcElement兼容性写法(详解)
10-21
例如，当你想要页面中所有输入框对点击事件做出响应时，不需要为每个输入框单独绑定事件，而是可以直接在body上绑定，然后在事件处理函数中通过event.srcElement.tagName来判断用户点击的是否是你想要的元素。...
event.srcElement的用法
YANGZHONGBAO411的专栏
09-23 712
event对象指当前触发的事件对象,   window.event.srcElement是指触发事件的对象。比如你设定document.onclick   =   myfunc;这时所有页面点击的事件都交给myfunc处理，在myfunc函数里可以写vSrc   =   window.event.srcElement，知道用户是点击了什么地方，做相应处理。     你找个HTML文件，在其中加上这
event.srcElement与event.target
mengduxiu的博客
12-02 336
window.event.srcElement和window.event.target都是指：获得触发事件的目标元素 区别：window.event.srcElement是IE、火狐、谷歌都支持的 window.event.target在IE10及以下浏览器中不支持 ...
event.srcElement event.target
李欢欢的博客
07-06 960
以下在IE9，IE9（文档模式8）,360极速模式，火狐下测试 haha (function(){ var span = document.getElementById('span'); function test(e){ //IE9:[object HTMLSpanElement] //360极速:[object HTMLSpanElement]
通过事件冒泡来认识 this 和 event.target / event.srcElement 的区别
iuukai
04-22 423
this 与 event 的关系：掌门人与创始人。 掌门人会传承，会改变，经历几代。 创始人只有初代。 再说的通透点： 百米赛跑计算终点距离： this.长度 = 你当前位置与终点的距离，即还剩多长。 event.长度 = 起始位置与终点的距离，即全长。 事件冒泡中的 this 指向： <!DOCTYPE html> <html> <head> <me...
js中event.srcElement和event.target用法和区别
cassion_21的博客
06-09 659
srcElement是IE下的属性；target是Firefox下的属性。 在IE下event对象有srcElement属性，但是没有target属性； Firefox下，event对象有target属性，但是没有srcElement属性，但他们的作用是相当的； 即：firefox下的event.target=IE下的event.srcElement 可以使用，var node = event.srcElement？event.srcElement:event.target; 或，var node = ev
JS的event.srcElement与event.target（触发事件对象）
ywb201314的专栏
05-04 983
IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的，即：firefox 下的 event.target = IE 下的 event.srcElement解决方法:使用obj = event.srcElement ? event.srcElement : event.t...
event.target与event.srcElement
weixin_30919571的博客
01-02 139
　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 　　在标准浏览器下我们一般使用event.target就能解决，然而低版本IE浏览器总是会出些幺蛾子，这时候就得使用event.srcElement。 　　这时候就得有一个兼容性的写法了。 　　1、使用三元运算符　　 var Target = event.target ? event.t...
window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取，window.event与时间函数参数的event是同一个 事件对象
xiaozhen0610的博客
08-14 444
判断事件触发的元素: var tag = window.event.target || window.event.srcElement; if (tag.tagName.toLowerCase() == "input") { return; } window.event.srcElement与window.event.target 都是指向触发事件的元素，它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用，因为事件通过元素层次冒泡，可以在...
替代window.event.srcElement效果的可兼容性的函数
05-04
在JavaScript编程中，特别是在处理事件时，`window.event` 是一个内置对象，它提供了与当前事件相关的各种信息，如事件的目标元素（`event.srcElement` 在IE中，`event.target` 在非IE浏览器中）。然而，`window....
event.srcElement 用法笔记e.target
09-05
alert("行：" + (event.srcElement.parentNode.rowIndex + 1) + "列：" + (event.srcElement.cellIndex + 1)); } } ``` 在这个例子中，`event.srcElement.tagName`用于获取触发事件的元素的标签名，并通过`...
js中的触发事件对象event.srcElement与event.target详解
10-20
例如，event.srcElement.tagName可以获取到触发事件元素的标签名，event.srcElement.type获取输入类型的元素（如input）的类型，event.srcElement.value获取input元素的值，event.srcElement.name获取元素的name属性...
js中的null值------一个问题的解决方案
msg_java2011的专栏
06-18 5701
   String errorMessage = (String) request.getAttribute("errorMessage");  %>  " />function alertErrorMessage(){   var em = $("#errorMessage").val();  if(em != "null"){   alert(em);   //alert(em.lengt
js查看对象类型
msg_java2011的专栏
06-30 2052
alert(typeof());
JS eval()函数
msg_java2011的专栏
06-10 1875
  eval()函数        JavaScript有许多小窍门来使编程更加容易。    其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。    举个小例子：        var the_unevaled_answer = "2 + 3";    var the_evaled_answer = eval("2 + 3"
js indexOf("") toUpperCase()
msg_java2011的专栏
09-06 1225
indexOf("") var str="Hello world!" document.write(str.indexOf("Hello") + "") document.write(str.indexOf("World") + "") document.writ
JavaScript toFixed() parseFloat() 函数
msg_java2011的专栏
05-30 1141
<br />toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。<br />parseFloat() 函数可解析一个字符串，并返回一个浮点数。<script type="text/javascript"> document.write(parseFloat("10")) document.write(parseFloat("10.00")) document.write(parseFloat("10.33")) document.write(parseFloat("3
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、付费专栏及课程。

余额充值