javascript - 消失div onblur

Question

HTML

<input type="text" id="match1">
<div id="divf">It is a div which has a dark future</div>
<button>Not Remove</button>

和脚本

$(function(){
    $("input").blur(function()
    {
       $("#divf").remove(); 
    });
});

现在从代码中可以清楚地看出，我希望在输入模糊时删除 div。但是我不希望在有人单击按钮时删除 div。我不知道该怎么做。有人可以吗解决这个问题

Answer 1

您可以在 .blur() 中设置超时，然后在单击按钮时清除它。

var to = false;

$('input').blur(function() {
    // start the timer
    to = setTimeout('removeDiv', 200);
});

$('button').click(function() {
    // if the timer is still running, clear it
    to && clearTimeout(to);
});

function removeDiv()
{
    $("#divf").remove();
    // reset timer
    to = false;
}

当焦点从输入直接转到按钮(它被点击)时，计时器被清除并且 div 没有被移除。