如何使用 Javascript 设置 CSS3 ::selection

Question

有没有人知道如何使用 Javascript 动态执行此 CSS 规则然后禁用它（特别是在某些鼠标手势期间抑制 Chrome 中令人讨厌的选择）：

::selection{
    background:transparent;
}

例如：document.body.style['::selection']['background']="transparent";，当然不行。

Answer 1

我能想到的一些方法：

JS

document.addEventListener("selectstart", function(){return false;});

CSS

pointer-events: none;

Answer 2

我试过这个解决方法，它有效：

var styleElem=document.createElement('style'); 
styleElem.innerHTML='::selection{ background:transparent; }';

// enable in some cases
document.head.appendChild(styleElem);

// disable when not needed
window.getSelection().removeAllRanges();
document.head.removeChild(styleElem);

如何使用 Javascript 设置 CSS3 ::selection

How to set CSS3 ::selection using Javascript

javascript

css

google-chrome

selection