2013-02-10 18 views
8

düğmesine eklemek içinEventListener'ı eklemiyor. Bu nedenle, bir krom uzantısı oluşturmayı test ediyorum. Manifest v2 ile popup.html'de javascript'in bulunamayacağını anlıyorum. Yani, javascript'i popup.js adlı ayrı bir dosyaya taşıdım.Ultra basit Chrome Uzantısı, onclick olayı

Merhaba dünya uyarısını çağıran bir açılır pencerede basit bir düğme kullanmaya çalışıyorum, ancak yalnızca çalışmıyor.

Ayrıca, Chrome'un Inspect Element hata ayıklayıcısı herhangi bir hata göstermiyor.

popup.html

<html> 
    <head> 
     <title>Test</title> 
     <script language='javascript' src='popup.js'></script> 
    </head> 
    <body> 
     <form name='testForm'> 
      <input type='button' id='alertButton' value='click me'> 
     </form> 
    </body> 
</html> 

popup.js

function myAlert(){ 
    alert('hello world') 
} 

window.onload = function(){ 
    document.addEventListener('DOMContentLoaded', function() { 
     document.getElementById('alertButton').addEventListener('onclick', myAlert); 
    }); 
} 

manifest.json

{ 
    "manifest_version": 2, 
    "name": "Test", 
    "description": "Test Extension", 
    "version": "1.0", 

    "icons": { 
    "48": "icon.png" 
    }, 

    "permissions": [ 
    "http://*/*", 
    "https://*/*" 
    ], 

    "browser_action": { 
    "default_title": "This is a test", 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
    } 
} 

Herhangi bir fikir?

cevap

12

Sadece window.onload kaldırın:

function myAlert(){ 
    alert('hello world'); 
} 

document.addEventListener('DOMContentLoaded', function() { 
    document.getElementById('alertButton').addEventListener('click', myAlert); 
}); 
+1

Teşekkür! Ayrıca olay dinleyicisindeki etkinlik olarak "tıklama" yerine "onclick" kullandığımı fark ettim. Uf! – LittleBobbyTables

+0

Thnx ..... Ayrıca 2 saat boyunca bunun üzerinde mücadele ediyordum. Window.onload kaldırmak için beklenen değildi ... Thnx tekrar :) –

+0

'options.js' için çalışmıyor – user924

İlgili konular