为什么我的输入标签在得到它后立即失去焦点？

Question

根据设计，菜单容器 onblur 事件应在输入获得焦点时禁用，并在输入失去焦点时（即用户完成输入时）重新启用。

function pauseHiding(hiderId) {
    var hider = document.getElementById(hiderId);
    hider.onblur = null;
}

function resumeHiding(hiderId, timeout) {
    var hider = document.getElementById(hiderId);
    hider.onblur = "setTimeout(function(){hideMenu(hiderId);}, timeout);";
    hider.focus();
}

实际上，input 的 onfocus 事件是正常触发的，但紧随其后的是 onblur 事件。此外，onfocus 会删除菜单容器的 onblur 事件，但 input 的 onblur 不会将其返回。 https://jsfiddle.net/2dxre6nz/4/

Answer 1

在您的 showMenu() 函数中，您必须删除 focus() 使用

function showMenu(containerId) {
    var el = document.getElementById(containerId);
    var setVisible = function(element){
        if (element.tagName == 'A') element.style.display = 'inline';
        else
            if (element.tagName != 'SCRIPT' && element.tagName != 'STYLE') element.style.display = 'block';
        };
    iterateChildren(el, setVisible);
        //el.focus();
}

您在主 div 中设置 onclick="showMenu('userbody')"，因此每次点击都会改变您的焦点