Extrem einfache Chrome-Erweiterung nicht addEventListener Schaltfläche onclick-Ereignis

So, ich bin testen, erstellen Sie eine Google chrome-Erweiterung. Ich verstehe, dass mit dem Manifest v2 kann man nicht haben javascript in popup.html. So, ich habe verschoben, die javascript in einer separaten Datei, popup.js.

Ich versuche eine einfache Schaltfläche in einem popup-Fenster, ruft "hello world" - Warnung, aber es ist einfach nicht arbeiten.

Zudem, Chrome Element Untersuchen debugger zeigt keinen Fehler.

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);
    }); 
}

manifestieren.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"
  }
}

Irgendwelche Ideen?

InformationsquelleAutor LittleBobbyTables | 2013-02-10
  1. 16

    Entfernen Sie einfach window.onload:

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

document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('alertButton').addEventListener('click', myAlert);
});
    • Danke! Mir ist auch aufgefallen, dass ich mit "onclick" statt "klicken", wie das Ereignis in die Ereignis-listener. Puh!
    • Thnx.....ich war auch zu kämpfen, auf diese für 2 Stunden. Hatte nicht erwartet, zu entfernen Fenster.onload... Thnx wieder 🙂
    • funktioniert nicht für options.js
    InformationsquelleAutor A. Rodas
Schreibe einen Kommentar