2016-11-12 115 views
-2

實施例addEventListener傳遞給我的函數的參數是什麼?

x.addEventListener("click", function() { myFunction(this); }); 
function myFunction(obj) { 
    alert(obj.innerHTML); 
} 

參見匿名函數內的函數調用?匿名函數中的函數有一個參數「this」,我的問題是addEventListener提供了什麼可能的參數?

我真的很新,所以請原諒我的許多誤用字的用法。

編輯:我已經瀏覽了許多在線參考,如w3schools,Mozilla開發者網絡,Stackoverflow類似的問題,谷歌,但我找不到任何答案!如果您有我尋找的鏈接,請將其發送給我。

+0

結賬的文檔,也有在互聯網上重要的資源,幫助您學習編程。這不是做這件事的地方。這是獲得解決問題幫助的地方。 – synthet1c

+0

我已經試過在w3school參考!我查看mozzila開發人員網絡,但找不到列出由addEventListener傳遞的所有可能參數的網絡。如果你已經知道在哪裏可以找到它,你可以給我一個鏈接 –

+0

嘗試http://devdocs.io/dom/eventtarget/addeventlistener(DevDocs是一個很好的資源)。 –

回答

2

這一切都在MDN頁面上。

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

聽者

,其接收通知時,指定類型的事件發生時(實現事件接口的對象)的對象。這必須是一個實現EventListener接口的對象,或者只是一個JavaScript函數。

的這個處理程序

當安裝一個處理函數來使用addEventListener()的元素內的值,在此處理程序中的值是將元素的引用。它與傳遞給處理程序的event參數的currentTarget屬性的值相同。

const x = document.querySelector('#x') 
 

 
x.addEventListener("click", function(event) { 
 
    console.log('this', this) // element that event was bound to 
 
    console.log('event', event) // MouseEvent object, this contains info about the event 
 
    myFunction(this) // call your function passing the clicked element 
 
}); 
 

 
function myFunction(element) { 
 
    alert(element.innerHTML) 
 
}
<div id="x">Click me!</div>

相關問題