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

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐