得到或設置觸發事件的對象。
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>
posted on 2007-12-14 13:54
末日風情 閱讀(3477)
評論(0) 編輯 收藏 所屬分類:
javascript