Cristalab

Estás en: Cristalab > Tips > Cómo desactivar la selección de texto con JavaScript

Cómo desactivar la selección de texto con JavaScript

Por: Carloz.Yanez + 19.09.2007

Utilizando Javascript es muy fácil desactivar la selección de texto en tu web. Para hacerlo usamos el siguiente código:

Código :


// Internet Explorer
window.onload = function()
{
     document.onselectstart = function()
     {
          return false;
     } 
// Firefox
     document.onmousedown = function()
     {
          return false;
     }
}


Con esto, al mover el mouse sobre el texto aparecerá el cursor de selección, pero no podrás seleccionarlo.

Espero les sea útil. Sonrisa

Etiquetas javascript

Comentarios | Enviar un comentario
U_U Como tip para mostrar tipos de eventos que existen en Javascript (y las diferencias entre los eventos de IE y FF) es bueno miau.

Pero como aplicación práctica Aw Crap, nos matas la usabilidad U_U. Sobre todo con eso de que el cursos todavía se ve como selección Triste
Por: Yaraher
Rayos... Yo iva a postear lo mismo que Carloz.Yanez y otras cosas mas !!!... En fin, buen tip...
Thumbs up
Por: M@U
Despues de meditarlo un rato y aunque valla en contra de mis principios... Revelo la unica manera de quitar el cursor de seleccion, cuando utilizes este hack:...
    Solo debes de reemplazar <body> por: <body style="cursor:default">

Sonrisa
Por: M@U
Muy bien M@U!!, gracias, me has ayudado en la forma de reemplazar el cursor (que es lo que deben de hacer, no sólo hacer referencia a ello).
Por: Carloz.Yanez
Alguno ha leido sobre usabilidad, facilidad, calidad, rendimiento.

Que falta ahora, "como evitar que te descarguen tu contenido de la web"?

Por favor si vamos a enseñar, o al menos, intentar enseñar, expliquen los pro y los contra acerca de lo que estamos haciendo y el porque y/o para que es que podemos usar esto.

Saludo.

PD: Espero no haber parecido troll
Por: baccxus_blog
Claro, es el tema que mencioné en la primera respuesta Guiño. Como dije ahí, como ejercicio de eventos, es bueno (aunque corto) pero como usabilidad, terrible U_U
Por: Yaraher
Ultimamente os estais luciendo con los tips de javascript, seamos serios!!! Totalmente desaconsejado lo que dice este tip!!!!

...y coincido completamente con baccxus....
Por: Que horror de tips_blog
Pues el tip a pesar de que puede ocasionar falta de usabilidad y lo que quieran habra gente que trate de cuidar el contenido de su página y para ellos puede ser útil este tipo de tips.
Por: flashreloco
Sin pelear con nadie, solo complemento, ese Javascript no funciona bien en Firefox (prueben haciendo clic sobre un botón ¿funciona?) para arreglarlo hagan esto:
//windows igualito no hay problemas
document.onselectstart=function(){return false};
//Firefox cambia
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName=="INPUT"){
return true;
}else if (obj.tagName=="BUTTON"){
return true;
}
return false;
}
}

Saludos de Colombia, YOX
Por: Usabilidad?mmm..._blog
Hola alguien puede ayudarme con algún script en JavaScript que me permita desactivar el boton derecho del mouse en Firefox(cuando haga anticlick no salga la ventanita o estèn deshabilitadas las opciones de esa ventanita)
Por favor.... Gracias
Por: Vicco
Creo que si alguien no quiere que le copien los contenidos, quizás sería mejor que no los publicara, o que advirtiera que el peso de la ley caerá sobre aquél que copie los contenidos inidicando que tienen derechos de autor. Todo lo demás son tontadas, puesto que por muchos trucos que se puedan hacer, el texto se copiará igualmente, por ejemplo activando la vista código.
Por: Sisco
Hola ! Necesito Una Ayuda.

Usea Un JavaScript Para Desactivar el Click Derecho.. y si me Funciono :)

Tengo Otro Problema !! =(

- No Basta con el Click Derecho..
- Se Puede Sombrear y CTRL + C ! y listo
- Expliquenme como Puedo Bloquear el boton CTRL o Bloquear para q No Seleccionen..

Pero Porfavor Expliquen Bien con los Codigos.
<body><html>

Por que no entiendo.. Miren este Ejemplo:

//windows igualito no hay problemas
document.onselectstart=function(){return false};
//Firefox cambia
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName=="INPUT"){
return true;
}else if (obj.tagName=="BUTTON"){
return true;
}
return false;
}
}

Se dan Cuenta Yo Copie i Pege en los Codigos y me Sale como un texto. y no me sirve ..

Alguien me Ayuda ?

Salu2 (( DaRkMiGuEl ))
Por: DarkMiguel-blog
Hola:
efectivamente este codigo funciona cuando queremos desacticvar la seleccion de toda la pagina, yo en particular necesito un script que no permita la seleccion y copiado de un renglon especifico en una consulta a una base de datos la cual se reaaliza con php.

Alguna sugerencia?

Saludos.
Por: veronica-blog
Si alguien quiere que no haya seleccion de texto pero en campos de formulario si (ya que con los codigos anteriores no se puede seleccionar un campo input)solo hay q modificar lo siguiente:

// IE
document.onselectstart=function(){
if(event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
return false
else return true;
};
// FIREFOX
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD")
return true;
/*else if (obj.tagName=="BUTTON"){
return true;
}*/
else
return false;
}
}
Por: aang-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.