javascript: Wyłącz tekst Wybierz

Question

Używam javascript do wyłączania zaznaczania tekstu na mojej stronie.

kod jest:

<script type="text/JavaScript"> 

function disableselect(e){ 
return false 
} 
function reEnable(){ 
return true 
} 
document.onselectstart=new Function ("return false") 
if (window.sidebar){ 
document.onmousedown=disableselect 
document.onclick=reEnable 
} 
</script> 

podobny skrypt można znaleźć tutaj: http://rainbow.arch.scriptmania.com/scripts/no_right_click.html

Na moim localhost: wszystkich przeglądarkach (Firefox, Chrome, IE i Safari) działają świetnie.

Na mojej stronie na żywo: wszystko w porządku Z WYJĄTKIEM przeglądarki Firefox.

Moje pytania są następujące:

1. Czy ktoś ma sugestię, dlaczego Firefox zachowuje się inaczej na miejscu na żywo i lokalnym komputerze. Uwaga: Javascript jest włączony.

2. Może mój skrypt jest zbyt uproszczone, więc próbowałem następujące z dokładnie takie same wyniki: http://freeware.ke-zo.com/CODES/DisableRC.txt

Answer 1

Wystarczy użyć tej metody CSS:

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

można znaleźć tę samą odpowiedź tutaj: How to disable text selection highlighting using CSS?

Answer 2

Do obsługi JavaScriptu użyj tej funkcji:

function disableselect(e) {return false} 
document.onselectstart = new Function (return false) 
document.onmousedown = disableselect 

aby umożliwić korzystanie wyboru to:

function reEnable() {return true} 

i używać tej funkcji gdziekolwiek chcesz:

document.onclick = reEnable 

Answer 3

Piszę suwak ui zapewnienie funkcji przeciągania, to moja droga aby uniemożliwić wybór treści podczas przeciągania:

function disableSelect(event) { 
    event.preventDefault(); 
} 

function startDrag(event) { 
    window.addEventListener('mouseup', onDragEnd); 
    window.addEventListener('selectstart', disableSelect); 
    // ... my other code 
} 

function onDragEnd() { 
    window.removeEventListener('mouseup', onDragEnd); 
    window.removeEventListener('selectstart', disableSelect); 
    // ... my other code 
} 

wiązanie startDrag na DOM:

<button onmousedown="startDrag">...</button> 

Jeśli chcesz statycznie wyłączyć tekst wybrać na wszystkich elementów, wykonanie kodu, gdy elementy są ładowane:

window.addEventListener('selectstart', function(e){ e.preventDefault(); });