event.srcElement就是指向触发事件的元素,他是什么就有什么的属性
原文发布时间为:2009-06-29 —— 来源于本人的百度文章 [由搬家工具导入]
得到或设置触发事件的对象。
event.srcElement就是指向触发事件的元素,他是什么就有什么的属性
srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.
用法:
event.srcElement [ = oObject ]
可能的值:
oObject:
Object that specifies 或者 receives the event that fired.
该属性可读/写,没有默认值。IE4中只读。
详细说明和例子:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/srcelement.asp
例子1:
<script>
function a()
{
alert("您点击的标记是:" + event.srcElement.tagName) ;
//tagName还 可以是id
}
</script>
<body onclick="a()">
点鼠标测试<br>
<input>
<a href=#>test</a>
<div>测试</div>
<p>测试</p>
<span>测试</span>
例子 2:
通过一个函数实现每个<Td>里添加一个onclick,并对对应相应的ID
<table border=1 width=50%>
<tr>
<td id="d1" align="center">1</td>
<td id="d2" align="center">2</td>
<td id="d3" ALIGN="center">3</td>
<td id="d4" align="center">4</td>
<td id="d5" align="center">5</td>
<td id="d6" ALIGN="center">6</td>
</tr>
</table>
<script>
for(var i=1;i<=6;i++)
{
eval("d"+i).attachEvent("onclick",Fclick);
}
function Fclick()
{
alert(event.srcElement.id);
}
</script>
例子3:
比如:var e=window.event.srcElement;
e.style.backgroundColor='blue';
srcElement表示事件源
在mozilla中
el = e.target ? e.target : e.srcElement;
例二
<html>
<script>
function getEvent()
{var i = 0;
if(document.all)return window.event;
func=getEvent.caller;
while(func!=null)
{
var arg0=func.arguments[0];
if(arg0)
{
if(arg0.constructor==Event){
return arg0;
}
}
func=func.caller;
}
return null;
}
document.onclick = function(e) //要兼容FF的话,这个参数一定要写上
{
e = getEvent();
var srcElement = e.srcElement || e.target;
alert(srcElement.innerHTML);
}
</script>
<body>
window.event事件测试<br/>
<input type="button" name="b_test" value="测试">
</body>
</html>