使用Javascript - 試圖瞭解傳球之間的區別「這個」與該事件

Question

新手JavaScript的問題一個參考：

我想了解一個函數之間傳遞「這個」差異與傳遞一個參考事件本身。

我使用兩個獨立的div進行測試，每個都有一個用於mouseover和mouseout事件的單獨函數。我只將「this」傳遞給一個函數，並將「this」和「e」傳遞給另一個函數。我的例子是在這裏：http://jsfiddle.net/jkolden/NQvaL/13/

document.getElementById('output').onmouseover = function(e) {mousein(e, this);}; 
document.getElementById('myDiv').onmouseover = function() {mouseinAlt(this);}; 

它好像在「這個」關鍵詞總是會指給我附上我的監聽器的HTML元素，但「E」將指的是HTML的孩子元素被淹沒;這是一個正確的說法嗎？我只是好奇，如果我正確理解這一點，如果我的例子是以適當的方式使用這些。

預先感謝幫助我瞭解這個:-)

Answer 1

this指元素，你附加事件。 e引用事件對象。在該事件對象中，引用事件target（在每個瀏覽器中不總是相同的屬性，在IE中它是srcElement），它是調度事件的元素。

更多，請參閱： https://developer.mozilla.org/en-US/docs/Web/API/event.target