ejemplos - javascript html
javascript: deshabilita la selección de texto (4)
Estoy escribiendo control slider ui para proporcionar la característica de arrastrar, esta es mi manera de evitar que el contenido seleccione cuando el usuario está arrastrando:
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
en tu dom:
<button onmousedown="startDrag">...</button>
Si desea desactivar estáticamente la selección de texto en todos los elementos, ejecute el código cuando se carguen los elementos:
window.addEventListener(''selectstart'', function(e){ e.preventDefault(); });
Estoy usando javascript para desactivar la selección de texto en mi sitio web.
el código es:
<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 similar se puede encontrar aquí: http://rainbow.arch.scriptmania.com/scripts/no_right_click.html
En mi servidor local: TODOS los navegadores (Firefox, Chrome, IE y Safari) funcionan muy bien.
En mi sitio en vivo: todo bien, EXCEPTO Firefox.
Mis preguntas son:
¿Alguien tiene una sugerencia de por qué Firefox se comporta de manera diferente para el sitio en vivo y el host local. nota: Javascript está habilitado.
Tal vez mi script sea demasiado simplista, así que intenté lo siguiente con EXACTAMENTE MISMOS Resultados: http://freeware.ke-zo.com/CODES/DisableRC.txt
Para JavaScript usa esta función:
function disableselect(e) {return false}
document.onselectstart = new Function (return false)
document.onmousedown = disableselect
para habilitar la selección usa esto:
function reEnable() {return true}
y use esta función en cualquier lugar que desee:
document.onclick = reEnable
Si tienes una página html como esta:
<body onbeforecopy="return false" ondragstart="return false" onselectstart="return false" oncontextmenu="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()">
Hay una forma simple de deshabilitar todos los eventos:
document.write(document.body.innerHTML)
Obtuviste el contenido html y perdiste otras cosas.
Solo usa este método 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;
}
Aquí puede encontrar la misma respuesta: ¿Cómo desactivar el resaltado de selección de texto usando CSS?