event.srcElement

 

转自:http://www.blogjava.net/pure/archive/2007/12/14/167759.html

得到或设置触发事件的对象。
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>

阅读更多
个人分类: ajax、js相关文章
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭