event.srcElement與event.target的區別

window.event.srcElement與window.event.target 都是指向觸發事件的元素，它是什么就有什么樣的屬性

srcElement是事件初始化目標html元素對象引用，因為事件通過元素層次冒泡，可以在任意一層進行處理，

有了元素的引用，就可以讀寫改元素的屬性。

 

IE瀏覽器支持window.event.srcElement ， 而firefox支持window.event.target；

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.

在js中this與window.event.srcElement:[一下內容為轉載]

我們先看一個簡單的例子：

<input type="text"
onblur="alert(this.value)"/>完全沒有問題。

那么什么情況下不可以用？

fuction method()

{

   alert(this.value);

}

<input type="text"
onblur="method()"/>這個就不可以，因為method()是被響應函數調用的函數。

那么這種情況下怎么辦？

方法一:

fuction method(btn)

{

   alert(btn.value);

}

<input type="text" onblur="method(this)"/>沒問題！

方法二：

fuction method()

{

   alert(window.event.srcElement.value);

}

<input type="text"
onblur="method()"/>沒問題！window.event.srcElement取得觸發事件的控件