Evitar que puedan seleccionar y copiar el texto de una página

Hay algunas situaciones donde debes dificultar un poco que la gente copie y pegue texto que publicas en una página web, hay varios métodos para "ofuscar" dicha acción, desde código en javascript, desactivar botón derecho hasta otro tipo de situaciones como poner una capa invisible encima de todo.

La más fácil es la siguiente, digamos que en toda una etiqueta quieres evitar que seleccionen (para copiar) el texto, así que ponemos algo como lo que sigue en nuestra definición de estilos

article { user-select: none; -webkit-user-select:none; }

así, digamos que en una página algo dentro de la etiqueta html ARTICLE , no podrá ser seleccionado. Cuando el usuario quiera seleccionar con el mouse el texto dentro de esa etiqueta... no se va a poder seleccionar, funciona también para dispositivos móviles.

 

¿Quién haría esa aberración? -- aquí está el ejemplo en vivo, no copiar texto

+ fotos / videos

Almacenado en web, Desarrollo Web

por Jorge Martínez Mauricio :)

blog / fotos / archivo

Evitar que puedan seleccionar y copiar el texto de una página

tar.mx es un blog sobre fotografía, tecnología y otras chunches

modificado viernes 16 de julio de 2021, 11:39