javascript - 防止对一个 div 进行多重选择

Question

我的页面上有多个 div。我只想将选定的文本从 div1 复制到 div2。div2、div3、div4 上的选择不应被复制。如果按下 ctrl+A 或一次选择多个 div，则不应发生复制。

//Validation for including text only from specified div

$('#DocumentText').mouseup(function (e) {
    debugger;
    isSelected = true;
    flaginclude = 1;

    // e.stopPropagation();
});

$(document).mouseup(function (e) {
    debugger;

    if (flaginclude != 1) {
        e.stopImmediatePropagation();
        isSelected = false;
    }
    flaginclude = 0;
});

myfunction()
{
 if(isSelected)
 {
   //logic to append selected text on div2
 }
}

Answer 1

没有可靠的方法来确保这一点。但是，可以使用 no-select 在现代浏览器上阻止选择。

#div1, #div2 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[Source]