2013-02-02 135 views
4

tutorial for migrating a Google Chrome Extension to Manifest Version 2中,我被引導到從HTML代碼中刪除內聯事件處理程序(如onclick等),將它們移動到外部JS文件並使用addEventListener()代替。Chrome擴展程序:使用addEventListener()

OK,我現在有一個background.html頁面看起來像這樣...

<html> 
<script type="text/javascript"> 
    // Lots of script code here, snipped 
    … 
</script> 

<body onload="checkInMyNPAPIPlugin('pluginId');"> 
    <object type="application/x-mynpapiplugin" id="pluginId"> 
</body> 
</html> 

繼另一指令,我感動的是很多的腳本代碼到一個單獨的.js文件,並遵循這個指令,我需要從body標籤中刪除onload =,而在我的腳本代碼中調用addEventListener()。我嘗試了幾種方法,但顯然猜錯了。代碼將是什麼樣子?特別是,我調用addEventListener()的對象是什麼?

謝謝!

回答

3

我通常用這個身體onload事件......

document.addEventListener('DOMContentLoaded', function() { 
    // My code here.. (Your code here ) 
}); 

因爲這是工作出頭..但說真的,我覺得應該用..

window.addEventListener('load', function() { 
    document.getElementById("#Our_DOM_Element").addEventListener('change - or - click..', function(){ 
//  code.. 
    }); 
});