자바 스크립트가 아닌 선택 가능한 텍스트가 Chrome/IE에서 작동하지 않습니다.

Question

Firefox에서 괜찮습니까? 크롬 및 IE 텍스트가 여전히 선택 가능한데,이 방법이 있습니까? 이 코드는 다른 질문에서 가져온 것이므로 (지금은 찾을 수 없음) 오래된 것일 수 있습니다. 웹킷 사용 khtmlUserSelect 대신 MozUserSelect를 들어

disableSelection(document.getElementById("gBar")); 

Answer 1

:

// Prevent selection 
function disableSelection(target) { 
    if (typeof target.onselectstart != "undefined") //IE route 
     target.onselectstart = function() { return false } 
    else if (typeof target.style.MozUserSelect != "undefined") //Firefox route 
     target.style.MozUserSelect = "none" 
    else //All other route (ie: Opera) 
     target.onmousedown = function() { return false } 
} 

은 같은 코드에 사용된다.

오페라와 MSIE에서

당신이 CSS입니다/웹킷을 도마뱀에 관련된 두 스타일로

"에"당신이 그것을 적용 할 클래스를 사용할 수 있습니다하기 위해 선택할 수없는-속성을 설정할 수 있습니다

<script type="text/javascript"> 
<!-- 
function disableSelection(target) 
{ 
    target.className='unselectable'; 
    target.setAttribute('unselectable','on'); 
} 
//--> 
</script> 
<style type="text/css"> 
<!-- 
.unselectable{ 
-moz-user-select:none; 
-khtml-user-select: none; 
} 
--> 
</style> 

을

참고 : 선택할 수없는 항목은 하위 요소를 전달하지 않으므로 대상 안에 textNodes 이외의 것이 있으면 MSIE/opera에 이미있는 해결 방법이 필요합니다.

Answer 2

Firefox의 MozUserSelect 스타일링과 마찬가지로 웹 키트 기반 브라우저 (예 : Safari 및 Chrome)에 -webkit-user-select: none을 사용할 수 있습니다.

나는 Opera에서 -o-user-select: none을 사용할 수 있다고 생각합니다. 그러나 나는 그것을 시험하지 않았다.

IE를 들어

// Prevent selection 
function disableSelection(target) { 
    if (typeof target.onselectstart != "undefined") //IE route 
     target.onselectstart = function() { return false } 
    else if (typeof target.style.userSelect != "undefined") //Some day in the future? 
     target.style.userSelect = "none" 
    else if (typeof target.style.webkitUserSelect != "undefined") //Webkit route 
     target.style.webkitUserSelect = "none" 
    else if (typeof target.style.MozUserSelect != "undefined") //Firefox route 
     target.style.MozUserSelect = "none" 
    else //All other route (ie: Opera) 
     target.onmousedown = function() { return false } 
} 

, 어쩌면이 당신을 도울 수 있습니다 Wekbit (예를 들어 크롬과 사파리)의 경우 http://msdn.microsoft.com/en-us/library/ms534706(VS.85).aspx

Answer 3

추가 할 수 있습니다

IE를 들어

else if (typeof target.style.webkitUserSelect != "undefined") // Webkit route 
    target.style.webkitUserSelect = "none"; 

는 '선택할 수없는'사용

else if (typeof target.unselectable != "undefined") // IE route 
    target.unselectable = true; 

참조 : http://help.dottoro.com/ljrlukea.php

Answer 4

위의 모든 예는 브라우저 버전에 따라 너무 복잡합니다. 나는 simle 해결책을 얻었다 ... 모든 브라우저를 위해 작동한다!

// you can select here which html element you allow to be selected 
var ExcludeElems = ["INPUT","SELECT","OPTION"] 



function disableSelection (target) { 
    // For all browswers code will work ..... 
    target.onmousedown = function (e) 
    { 
    var i; 
    var e = e ? e : window.event; 

    if (e) 
     for (i=0; i<ExcludeElems.length;i++) 
     if (e.target.nodeName == ExcludeElems[i]) 
      return true; 
    return false; 
    } 

이 기능을 더 복잡하게 만들 수 있습니다. 컨테이너 요소에이 코드를 사용하십시오 ...

disableSelection (document) 
//disableSelection (document.body) 
//disableSelection (divName) ....