javascript - onblur() 不起作用，而 onclick() 工作正常

Question

我需要让通知列表出现在点击上，效果很好。但 onblur() 根本不起作用。这是 fiddle :http://jsfiddle.net/eX2zQ/

代码:

html:-

<div class="one" onclick="hidetwo();" onblur="remove_the_notification();">
    <div> 
        <ul class="dropdown" id="notification" >
            <li><a href="#">kjhlkjhkjhklhjklj</a></li>
            <li><a href="#">kjhlkjhkjhklhjklj</a></li>
            <li><a href="#">kjhlkjhkjhklhjklj</a></li>
            <li><a href="#">See_All</a></li>
        </ul>       
</div>
</div>

CSS:-

.one{
    overflow: visible; 
    width: 21px; 
    height: 21px; 
    background-color:black; 
}

js:-

var show=0;

    function hidetwo(){
    if (show==0){
    document.getElementById('notification').style.display="block";
    show=1;
    }
    else if (show==1){
    document.getElementById('notification').style.display="none";
    show=0;
    }
    }

function remove_the_notification(){
    alert('hide one');
    if (show==0){
    document.getElementById('notification').style.display="block";
    show=1;
    }
    else if (show==1){
    document.getElementById('notification').style.display="none";
    show=0;
    }
}

Answer 1

您有onLoad在 JSFiddle 选项中选择。这意味着您的函数在加载页面上的所有内容之后被提升，因此它们的引用在附加处理程序时不可用。另外，据我所知，没有contenteditable你不能“模糊”<div> - 此事件通常适用于输入等表单元素。也许你的意思是 onmouseleave ？

<div class="one" onclick="hidetwo();" onmouseleave="remove_the_notification();">

JSFiddle