-
Cómo controlar Copiar y pegar
-
Es imposible bloquear a los usuarios copiar y pegar en un sitio web. Los usuarios experimentados pueden ver su código fuente HTML y JavaScript sobrecargar las funciones que les impiden extraer información de su página web o pegar datos nuevos en los controles de entrada. Sin embargo, puede utilizar JavaScript para hacer que sea más difícil para muchos usuarios realizar operaciones de copiar y pegar en su sitio web. JavaScript capturará las pulsaciones de teclado del usuario, determinar si se pulsan las teclas de copiar o pegar e informar al usuario que su sitio ahora permiten estas acciones.Instrucciones
1 Abrir Bloc de notas o cualquier programa de procesamiento de texto y agregue el código siguiente:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Title> Bloqueo de prueba de copiar y pegar </ title>
<Script>
</ Script>
</ Head>
<Body>
</ Body>
</ Html>
Esto crea un documento HTML vacía.
2 Añadir este código después de la etiqueta "<body>":
<textarea id = "cols =" TextArea1 filas "20" = "2"> </ textarea>
<Input type = "text" id = "TextBox1" />
Esto crea un área de texto y un cuadro de texto.
3 Añadir el código JavaScript después de la etiqueta "<script>":
window.onload = function () {var objTextArea = document.getElementById ( 'TextArea1');
objTextArea.onkeydown = checkKey;
var objTextBox = document.getElementById ( 'TextBox1');
objTextBox.onkeydown = checkKey;
};
Este código se conecta controladores de eventos para los controles de área de texto del cuadro de texto y después se carga la página. Cuando un usuario pulsa una tecla mientras coloca en uno de estos controles, el navegador ejecuta la función denominada "checkKey." Añadir controles adicionales para este bloque de código usando la misma lógica. Por ejemplo, si usted tiene otro cuadro de texto denominado "TextBox2", anexe el código siguiente a la función:
var objTextBox2 = document.getElementById ( 'TextBox2');
objTextBox2.onkeydown = checkKey;
Este bloque de código va a conectar un controlador de eventos a un cuadro de texto denominado TextBox2. La función resultante sería el siguiente:
window.onload = function () {
var objTextArea = document.getElementById('TextArea1');objTextArea.onkeydown = checkKey;
var objTextBox = document.getElementById ( 'TextBox1');
objTextBox.onkeydown = checkKey;
var objTextBox2 = document.getElementById ( 'TextBox2');
objTextBox2.onkeydown = checkKey;
};
4 Añadir esta función JavaScript después de la función anterior:
función checkKey (e) {
var keyPressed;si var e = window.event (E!);
si (e.keyCode) keyPressed = e.keyCode;
else if (e.which) keyPressed = e.which;
si (== keyPressed 17)
alert ( ". Lo sentimos copiar y pegar no permitido");
}
Esta función determina la clave que un usuario pulsa mientras posicionados en el control área de texto o cuadro de texto. Si un usuario presiona la tecla "Ctrl", que tiene un código de clave de 17, el navegador muestra un mensaje de alerta. Personalizar este mensaje cambiando el texto.
5 Guarde el archivo con la extensión ".html" y abrirlo en un navegador web.
6 Escriba un valor en el área de texto y resaltarlo. Pulse la tecla "Ctrl + C" para copiarlo. Verá el mensaje de alerta. Repetir el proceso con el cuadro de texto. El código JavaScript le impedirá realizar operaciones de copiar y pegar.
Consejos y advertencias
- Aplicar la misma lógica a cada elemento de entrada que desea proteger. Incluir un valor de identificación único para cada control de entrada que desea proteger de copiar y pegar.
