자바 스크립트를 사용하여 사용자가 텍스트를 강조 표시하는 것을 중지하는 방법은 무엇입니까?

Question

가 CSS와 함께 할 수있는 방법이지만, 표준이 아닌 기능입니다 : 자바 스크립트에서 할 수있는 방법이

::selection { 
    background: transparent; 
} 

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

있습니까? ::selection에 대한 자세한 내용은 caniuse에서 확인할 수 있습니다.

Answer 1

예, onselectstart 이벤트를 수신하고 취소 할 수 있습니다. Here's an example.

Answer 2

나는 당신이 JS 솔루션을 원하는 알고 있지만이 CSS 스타일은 모든 주요 브라우저에서 작동합니다 :

disableSelection(document.body); 

작업 :

.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"; 
} 

사용량이 시도 jsBin