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

addEventListener DOMContentLoaded不起作用

1 个答案: