La extensión de Chrome ultra simple no agregaEventListener al botón en el evento de clics

Question

Feb 10, 2013, 07:54 PM

addeventlistener javascript google-chrome-extension

La extensión de Chrome ultra simple no agregaEventListener al botón en el evento de clics

Así que estoy probando la creación de una extensión de Chrome. Entiendo que con Manifest v2 no puede tener javascript en popup.html. Entonces, he movido el javascript a un archivo separado, popup.js.

Estoy tratando de tener un botón simple en una ventana emergente que llame a una alerta mundial de saludo, pero simplemente no funciona.

Además, el depurador Inspect Element de Chrome no muestra ningún error.

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

¿Algunas ideas?