event.srcElement

最新推荐文章于 2017-12-19 10:33:33 发布
最新推荐文章于 2017-12-19 10:33:33 发布
阅读量192 收藏
点赞数
分类专栏： javascript 文章标签： javascript ViewUI
<body >
<table height="200" width="200" style="position:absolute;top:200;left:20;background:red" border="1">
<tr id="row1" οnmοuseοver="show_id()"><td id="td1">aa</td></tr>
<tr id="row2" οnmοuseοver="show_id()"><td id="td2">bb</td></tr>
<tr id="row3" οnmοuseοver="show_id()"><td id="td3">cc</td></tr>
<tr id="row4" οnmοuseοver="show_id()"><td id="td4">dd</td></tr>
<tr id="row5" οnmοuseοver="show_id()"><td id="td5">ee</td></tr>
</table>

<a id="aa" href="javascript:void(0);" οnclick="alert(event.srcElement.id);">test SrcElement</a><br>
<input type="text" id="txt"/>
<script type="text/javascript">
function show_id() {
obj = event.srcElement;
alert(obj.id);
if (obj.tagName == 'TD')
document.getElementById('txt').value = obj.parentElement.id
}
</script>
</body>

1. event.srcElement 获取当前事件触发对象
2.obj.tagName=='TD'对象的标签名等于TD
3.obj.parentElement.id 对象的父标签的id属性

[img]http://cindysaj.iteye.com/upload/attachment/56223/d998e3ef-2178-34cc-9f9d-b9c16a4f58b2.jpg[/img]
[img]http://cindysaj.iteye.com/upload/attachment/56232/bc6f32a4-856a-353a-8f21-3879cdb20f77.jpg[/img]
cindysaj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js事件源window.event.srcElement兼容性写法(详解)
10-21
下面小编就为大家带来一篇js事件源window.event.srcElement兼容性写法(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
替代window.event.srcElement效果的可兼容性的函数
05-04
在JavaScript编程中，特别是在处理事件时，`window.event` 是一个内置对象，它提供了与当前事件相关的各种信息，如事件的目标元素（`event.srcElement` 在IE中，`event.target` 在非IE浏览器中）。然而，`window....
event.srcElement 说明 方法 技巧
数据库天地
12-07 425
得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素，他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法： event.s...
event的srcElement
xclsky的博客
12-19 917
1 js函数中有event对象。event对象为事件对象。event有一个属性是srcElement。event.srcElement为获取事件的对象引用。和通过document.getElementById("id")具有一样的效果。 如： js函数-------------------   function btn_btn1_onclick(){   var obj_=event.
JS学习笔记1
ykdsg的专栏
04-26 625
event.srcElement从字面上可以看出来有以下关键字：事件,源    他的意思就是：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event
event.srcElement 用法笔记e.target
09-05
alert("行：" + (event.srcElement.parentNode.rowIndex + 1) + "列：" + (event.srcElement.cellIndex + 1)); } } ``` 在这个例子中，`event.srcElement.tagName`用于获取触发事件的元素的标签名，并通过`...
window.event.srcElement 得到事件源对象
12-10
只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event...
event和srcElement说明,方法,技巧
03-21
event和srcElement说明,方法,技巧.doc
event.srcElement　说明　方法　技巧
天涯 书塾
05-08 3819
event.srcElement从字面上可以看出来有以下关键字：事件,源     他的意思就是：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox
关于window.event.srcElement (触发事件的对象)
HuajianHsiu008的专栏
03-15 300
【转帖】 document.onmousedown=x 单击鼠标键产生事件 document.body.scrollTop; 返回和设置当前竖向滚动条的 ... location.reload(); 使本页刷新，target可等于一个刷新的网页 ... window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3 ... availHeight 返回当前屏幕高...
event.srcElement的用法
HYHOLINE的专栏
02-29 904
event.srcElement从字面上可以看出来有以下关键字：事件,源     它的意思就是：当前事件的源， 我们可以调用它的各种属性 就像:document.getElementById("")这样的功能， 经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明： IE下,event对象有srcElement属性,但是没有target属性;F
Javascript event.srcElement
coding
11-26 833
srcElement 事件源（只适用于IE） srcElement 是Dom事件中的事件最初指派到的元素。 比如有一个div，里面有一个按钮。你响应div的onclick事件，但实际上，你单击的只是它内部的按钮，那么，srcElement指向的，就是那个按钮。srcElement只在IE中有效。在Opera系列浏览器中对应的属性是target给你一个IE下使用的例子。http://www.w
javascript学习之event.srcElement
swing的专栏
07-29 742
event.srcElement -------当前这个事件源 event.srcElement.tagName -------上一个节点的标签名称 event.srcElement.id/type/value/name/selectedIndex -------当前节点的id/type/value/name/selectedIndex event.srcElement.parentElem
event.srcElement 与event.target (引用)
班轻扬
02-26 770
<br />感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。<br />注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。<br /><script type="text/javascript"><br />    function tdclick(){<br />        if(event.srcElement.tagName.toLowerCase()=='td')<br />
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、付费专栏及课程。

余额充值