javascript - onblur 在 window.onload 上触发

Question

我的 onblur事件在 window.onload 上触发.我怀疑我选错了节点。当我 console.log(input)在 function checkList()它显示<input name='newTask'>这是使用 onblur 的正确方法吗？ ？

app.view = (function(){
    function init(){
        checkList();
    }

    function checkList(){
        var input = document.getElementsByName('newTask')[0];

        input.onblur = checkInput();

        requestAnimFrame(checkList);
    }

    function checkInput(){

        alert('check input');
    }

    return {
        init : init
    }
})();

window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame       || 
            window.webkitRequestAnimationFrame || 
            window.mozRequestAnimationFrame    || 
            window.oRequestAnimationFrame      || 
            window.msRequestAnimationFrame     || 
            function( callback ){
                window.setTimeout(callback, 1000 / 60);
            };
})();

window.onload = function(){
    app.view.init();
}

Answer 1

您的 onblur 事件并没有提前触发，而是您调用了您的 checkInput 函数，而此时您确实打算进行分配。

将 input.onblur = checkInput(); 替换为 input.onblur = checkInput;