javascript - addEventListener 模块模式

Question

我不知道为什么，但是当我点击“按钮”时什么也没有发生...

控制台中没有消息，没有错误。如何解决？

JS

var bird = (function(){

    let button    = document.querySelector('#addBird');

    button.addEventListener('click', addBird);

    function addBird()
    {
       console.log('addBird');
    };

    return {
        addBird: addBird
    };
})();

HTML

<button id="addBird">Add Bird</button>

Answer 1

刚刚在 CodePen 中试过这个例子:

http://codepen.io/JasonGraham/pen/pbowXz

var bird = (function(){

    let button    = document.querySelector('#addBird');
    button.addEventListener('click', addBird);

    function addBird()
    {
       console.log('addBird');
    };

    return {
        addBird: addBird
    };

})();

据我所知，您的代码似乎按预期工作。在 Chrome 中，每次单击该按钮都会将“addBird”消息记录到控制台。

您是否期待一些不同的东西？