jquery - 如果用户在其外部单击，则隐藏文本区域，但在选择文本后鼠标离开它时保持可见

Question

我有一个文本区域，如果用户在其外部单击它应该隐藏，如果他在文本区域内部单击则它应该保持可见。

问题是当用户选择文本区域的文本并将鼠标放在它外面时，文本区域被隐藏并且他不能再复制文本。

我该如何解决这个问题？

Live JSFiddle

HTML:

<span>Show textarea</span>

<div>
    <textarea>Text in textarea</textarea>
</div>

J查询:

$("span").on("click", function () {
    $("textarea").show();
});


$(document).mouseup(function (e) {
    var container = $("div");

    if (container.has(e.target).length === 0) {
        $("textarea").hide();
    }
});

CSS:

textarea {
    position:absolute;
    right:10px;
    bottom:10px;
    display:none;
}

Answer 1

只需使用 mousedown() 事件即可

Fiddle