當單擊特定元素時，如何檢測文本區域何時失去焦點並保持其失去焦點？

Question

我有一個#ta文本區域， #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

這是您需要的嗎？ 這只是一個解決方法。 在文本區域上模糊和專注於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);
        }
    }
);