javascript - 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 置于不换行并从第二个 arg 中删除 () 之后，该代码起作用。

正确的代码：

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

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