Javascript: Agregar enlace al copiar texto de mi página

Muchas veces queremos “proteger” la información de nuestra página, de modo que los usuarios que decidan copiar un texto dentro de ella, también puedan llevarse con el un link a la página donde ha sido tomada.

En esta oportunidad les traemos un Javascript que hemos encontrado para realizar esta tarea. Cabe aclarar que la tarea que realiza este script no es más que agregar el enlace de la página en la que se encuentra el usuario junto con el texto copiado. En todo caso si el usuario decide borrarlo posteriormente no podremos controlarlo.

Igualmente, en mi opinión, sigue siendo una opción bastante buena y por sobretodo no invasiva, con lo que la experiencia del usuario no será alterada.

Aquí el código, que deberán copiar en sus HTML antes del </body>:


<script type="text/javascript">
function addLink() {
    //Get the selected text and append the extra info
    var selection = window.getSelection();
    pagelink = ". Leer más: " + document.location.href;
    copytext = selection + pagelink;
    //Create a new div to hold the prepared text
    newdiv = document.createElement('div');
 
    //hide the newly created container
    newdiv.style.position = 'absolute';
    newdiv.style.left = '-99999px';
 
    //insert the container, fill it with the extended text, and define the new selection
    document.body.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
 
    window.setTimeout(function () {
        document.body.removeChild(newdiv);
    }, 100);
}
document.addEventListener('copy', addLink);
 
//****************************************
</script>

Comentarios

comentarios

Related Posts

Add Comment