为什么我不能将事件侦听器分配给按钮？

Question

这是将事件侦听器添加到我 html 中所有按钮元素的代码。结果——没有注册的事件侦听器，也没有错误。

window.onload = function(){
    addEvListeners();
    // This function is to assign ELs to buttons in my HTML
    function addEvListeners(){
        var target = document.getElementsByTagName("button");
        for (i = 0; i <= target.length - 1; i ++){
            target[i].addEventListener("click", function(){model();},false);
        }
    }
    function model(){
        return true; // just for placeholder
    }
}

Answer 1

<html>
    <head>
        <script>
            window.onload = function(){
                addEvListeners();
                // This function is to assign ELs to buttons in my HTML
                function addEvListeners(){
                    var target = document.getElementsByTagName("button");
                    for (i = 0; i <= target.length - 1; i ++){
                        target[i].addEventListener("click", function(){model();},false);
                    }
                }
                function model(){
                    console.log('yo!');
                }
            }
        </script>
    </head>
    <body>
        <button>Click Me</button>
    </body>
</html>

这对我有用。我最终在我的控制台中得到了一个哟。您的按钮元素是否可能不存在于 onload？

为什么我不能将事件侦听器分配给按钮？

Why I cannot assign event listener to a button?

javascript

event-listener

addeventlistener

dom-events