Translate

miércoles, 30 de julio de 2014

Poner texto que no se pueda copiar en html5

Introducción


Algunas veces sucede que tenemos algún contenido que no quisieramos que cualquier usuario novato nos lo robe y querems evitar que abran el menú contectual para copiar nuestros recursos. En esta ocasión les comparto un pedazo de código que lo he probado tanto en Firefox como en Chrome.
Si lo que desea es quitar esta protección siga las instrucciones de mi otro blog

Código


-webkit-user-select: none

Ejemplo:


<div style ="-webkit-user-select: none">Este código como podrás ver no se puede editar </div>

Nota: Como blogger usa xhtml si se podrá copiar :(