Question

有一种方法可以使用CSS，但它是一个非标准功能：

::selection {
    background: transparent;
}

::-moz-selection {
    background: transparent;
}

有没有办法在JavaScript中执行此操作？有关::selection的更多信息，请访问caniuse。

Answer 1

是的，您可以收听onselectstart事件并取消它。 Here's an example

Answer 2

我知道你想要一个js解决方案，但这种css样式应适用于所有主流浏览器：

.nohighlight{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Answer 3

试试这个

function disableSelection(target){
    if (typeof target.onselectstart!="undefined") // IE
        target.onselectstart=function(){return false;};
    else if (typeof target.style.MozUserSelect!="undefined") // Firefox
        target.style.MozUserSelect="none";
    else // Opera and the others
        target.onmousedown=function(){return false;};
    target.style.cursor = "default";
}

用法：

disableSelection(document.body);

工作jsBin

如何阻止用户使用javascript突出显示任何文本？

3 个答案: