event.srcElement從字面上可以看出來有以下關鍵字：事件,源???? 他的意思就是：當前事件的源，

我們可以調用他的各種屬性 就像:document.getElementById("")這樣的功能，

經常有人問 firefox 下的 event.srcElement 怎么用，在此詳細說明：

IE下,event對象有srcElement屬性,但是沒有target屬性;Firefox下,event對象有target屬性,但是沒有srcElement屬性.但他們的作用是相當的，即：

firefox 下的 event.target = IE 下的 event.srcElement

解決方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)來代替IE下的event.srcElement或者Firefox下的event.target.

以下是幾種常見到的情況(IE下測試通過，如要測試firefox下的event.target可以修改并保存代碼后用firefox打開測試)：

event.srcElement.X顯示一個控件的各種屬性

< div? id ="div_001" >
???? < form? id ="form_001" >
???????? < input? type ="button" ?id ="button_001_id" ?name ="button_001_Name" ?value ="單擊查看" ?class ="button_001_Class" ?onclick ="Get_srcElement(this)" >
???? </ form >
</ div >
< script > ...
function ?Get_srcElement()
... {
var ?srcElement = ""
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.id?:? " ? + ?event.srcElement.id
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.tagName?:? " ? + ?event.srcElement.tagName
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.type?:? " ? + ?event.srcElement.type
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.value?:? " ? + ?event.srcElement.value
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.name?:? " ? + ?event.srcElement.name
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.className?:? " ? + ?event.srcElement.className
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.parentElement.id?:? " ? + ?event.srcElement.parentElement.id
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.getattribute?:? " ? + ?event.srcElement.getAttribute
alert(srcElement)
}

</ script >

event.srcElement.selectedIndex 一般使用在select對像上：

< select? name ="selectname" ?onchange ="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" ? >
?? < option? value ="001" > 1 </ option >
?? < option? value ="002" > 2 </ option >
?? < option? value ="003" > 3 </ option >
?? < option? value ="004" > 4 </ option >
?? < option? value ="005" > 5 </ option >
</ select >

第一個子標簽為
event.srcElement.firstChild
最后個一個是
event.srcElement.lastChild
當然也可以用
event.srcElement.children[i]
event.srcElement.ChildNode[i]
至于 event.srcElement.parentElement 是指在鼠標所在對象的上一個對象．

< div? onclick ="Get_srcElement()" >
< div? id ="001" ?style ="border:1px?solid?red;width:100%;height:500px" > ? < span? id ="node001" > 這是第1結點div001 < span >
?? < div? id ="002" ?style ="border:1px?solid?red;width:80%;height:300px" > ? < span? id ="node002" > 這是第2結點div002 < span >
???? < div? id ="003" ?style ="border:1px?solid?red;width:50%;height:200px" > ? < span? id ="node003" > 這是第3結點div003 < span >
???? </ div >
???? < div? id ="004" ?style ="border:1px?solid?red;width:50%;height:200px" > ? < span? id ="node003" > 這是第3結點div004 < span >
???? </ div >
?? </ div >
</ div >
< script > ...
function ?Get_srcElement()
... {
var ?srcElement = ""
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.children[0].tagName:? " ? + ?event.srcElement.children[ 0 ].tagName
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.firstChild.id?:? " ? + ?event.srcElement.firstChild.id
srcElement? = ?srcElement? + ? " " ? + ?? " event.srcElement.lastChild.id?:? " ? + ?event.srcElement.lastChild.id
alert(srcElement)
}

</ script >
</ div >

event.srcElement　說明　方法　技巧