如何檢測文本區域何時失去焦點並在點擊特定元素時不會失去焦點？

Question

我有一個文本區域#ta與#ac-list那底下的二手自動完成列表：

<div id='container'> 
    <textarea id="ta" name="god" rows="20"></textarea> 
    <ul id='ac-list' style='visibility:hidden'></ul> 
</div> 

當文本區域失去焦點，我想隱藏#ac-list。於是我打電話jQuery的blur上的文字區域：

$('#textarea').blur(function() { 
    $('#ac-list').css('visibility', 'hidden'); 
}) 

這工作，但我想補充一點，文本區域不應該失去焦點的約束，當上#ac-list用戶點擊。我怎麼去解決這個問題？

Answer 1

這是你所需要的？這只是一個解決方法。在textarea上模糊所需的時間以及專注於li項目的時間因不同的計算機而異。

HTML：

<div id='container'> 
    <textarea id="ta" name="god" rows="20"></textarea> 
    <ul id='ac-list'> 
     <li>dsfd</li> 
    </ul> 
</div> 

的JavaScript：

var textAreaBlur = null; 

$('textarea').blur(function() { 
    textAreaBlur = new Date(); 
}); 

var clickTimes = 0; 
$("#ac-list > li").click(
    function() { 
     if((new Date() - textAreaBlur) < 200) { 
      $("#ta").focus(); 
      $(this).text("dsfd" + ++clickTimes); 
     } 
    } 
);