javascript: Disable Text Select

Question

Sto usando javascript per disabilitare la selezione del testo sul mio sito web.

il codice è:

<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> 

script simile può essere trovato qui: http://rainbow.arch.scriptmania.com/scripts/no_right_click.html

Sul mio localhost: tutti i browser (Firefox, Chrome, IE e Safari) grande lavoro.

Sul mio sito Live: tutto ok ECCETTO Firefox.

Le mie domande sono:

1. Qualcuno ha un suggerimento sul perché Firefox comporta in modo diverso per il sito dal vivo e host locale. nota: Javascript è abilitato.

2. Forse il mio script è troppo semplicistico così ho provato quanto segue con esattamente gli stessi risultati: http://freeware.ke-zo.com/CODES/DisableRC.txt

Answer 1

Basta utilizzare questo metodo 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; 
} 

È possibile trovare la stessa risposta qui: How to disable text selection highlighting using CSS?

Answer 2

Per JavaScript utilizzare questa funzione:

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

per consentire l'utilizzo di selezione questo:

function reEnable() {return true} 

e utilizzare questa funzione ovunque si desideri:

document.onclick = reEnable 

Answer 3

sto scrivendo cursore di controllo ui per fornire funzionalità di trascinamento, questo è il mio modo per impedire al contenuto di selezionare quando l'utente sta trascinando:

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 
} 

bind startDrag sul tuo dom:

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

Se si desidera disabilitare in modo statico il testo selezionare su tutti gli elementi, eseguire il codice quando gli elementi sono caricati:

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