jquery - ユーザーがその外側をクリックするとテキストエリアを非表示にしますが、テキストを選択した後、マウスの外側に置いたままにします

Question

ユーザーがテキストエリアの外側をクリックすると非表示になり、テキストエリアの内側をクリックすると表示されたままになるテキストエリアがあります。

問題は、ユーザーがテキストエリアのテキストを選択してマウスをその外側に置いたままにすると、テキストエリアが非表示になり、テキストをコピーできなくなることです。

どうすればこれを修正できますか?

ライブ 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()代わりにイベントを使用してください

フィドル

Answer 2

これを試して ：

HTML

<span>Show textarea</span>

<div id="backGround">
    <textarea>Text in textarea</textarea>
</div>

jQuery

$('#backGround').click(function () {

 $("textarea").hide();   

});