addEventListener DOMContentLoaded不起作用

Question

我正在尝试创建一个简单的脚本,它将向按钮添加一个监听器,以触发一个在页面完全加载时显示警报的函数.

该脚本将在Chrome扩展程序中实施

我正在使用以下代码:

    document.addEventListener('DOMContentLoaded', function () {
        showalert();
        document.querySelector('button').addEventListener('click', showalert());
    });

    function showalert() {
        alert("you just pressed the button");
    }

还有我的HTML

    <button id="button">button</button>

监听器永远不会添加到按钮,也是第一个showalert(); 没有解雇.

我可能在这里很愚蠢,但我没有理解为什么这不起作用.任何帮助将不胜感激!

JSfiddle:http://jsfiddle.net/bunker1/fcrwt/1/

Answer 1

发现错误了，我确实是傻了。

将 JSfiddle 置于无包装并从第二个参数中删除 () 后，代码就可以工作了。

正确代码：

    document.addEventListener('DOMContentLoaded', function () {
         document.querySelector('button').addEventListener('click', showalert, false);
    }, false);

    function showalert() {
        alert("you just pressed the button");
    }