JS的动态注册事件，注册到按钮上，为什么要点两次才能响应？

img


这是按钮1

这是按钮2，但是必须要点一次按钮1再点按钮2，或者点两次按钮2才会响应。刷新也没用。

img

JS代码如下：

<body>

<script>
    //静态注册onclick事件
    function onclickFun() {
        alert("静态注册onclick事件")
    }
    //动态注册onclick事件
    window.onclick=function () {
        //1.获取标签对象
            var btnobj = document.getElementById("btn1");
        //2.通过标签对象.事件名=function(){}
            btnobj.onclick= function () {
                alert("动态注册的onclick事件")
            }
    }
</script>
<button onclick="onclickFun()">按钮1</button>
<button id="btn1">按钮2</button>

</body>

希望能给出指教，感激不尽！

第一次点击是执行window.onclick方法给id="btn1"绑定点击事件，所以要先点网页任意一处动态事件才注册上。请改用window.onload试试

第一次任意点击触发window.onclick，将点击事件绑定在按钮2上边，点击按钮2才会弹出"动态注册的onclick事件"

为啥 有window.onclick .