É impossível bloquear os usuários de copiar e colar em um site. Os usuários mais experientes podem ver o seu código HTML e substituir as funções javascript que os impedem de extrair informações de sua página ou colar novos dados em controles de entrada. No entanto, você pode usar o javascript para tornar mais difícil para muitos usuários para executar operações de copiar e colar em seu site. javascript irá capturar as teclas digitadas de um usuário, determinar se as chaves de copiar ou colar são pressionados e informar o usuário que o site faz agora permitir que estas ações.
Abra o bloco de notas ou qualquer outro programa de processamento de texto e adicione o seguinte código:
https://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
https://w3.org/1999/xhtml ">
Bloqueio de teste de Cópia & Colar Isso cria um documento HTML vazio.
Adicione este código após o "
" tag:Isso cria uma textarea e uma caixa de texto.
Adicione este código javascript após o "
window.onload = function () {
var objTextArea = document.getElementById ( `TextArea1`);
objTextArea.onkeydown = checkKey;
var objTextBox = document.getElementById ( `TextBox1`);
objTextBox.onkeydown = checkKey;
};
Este código atribui manipuladores de eventos para os controles caixa de texto textarea e após a página é carregada. Quando um usuário pressiona uma tecla enquanto posicionado em um desses controles, o navegador executa a função chamada "verificar chave." Adicionar controles adicionais para este bloco de código usando a mesma lógica. Por exemplo, se você tem uma outra caixa de texto com o nome "TextBox2," acrescente o seguinte código para a função:
var objTextBox2 = document.getElementById ( `TextBox2`);
objTextBox2.onkeydown = checkKey;
Este bloco de código irá anexar um manipulador de eventos para uma caixa de texto chamado TextBox2. A função resultante ficaria assim:
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;
};
Adicione esta função javascript depois que a função anterior:
função checkKey (e) {
var keyPressed;
Se var e = window.event (e!);
if (e.KeyCode) keyPressed = e.KeyCode;
else if (e.which) keyPressed = e.which;
se (== keyPressed 17)
alerta("Desculpa. Copiar e colar não permitidos");
}
Esta função determina a chave que o usuário pressiona enquanto posicionado no textarea ou caixa de texto controle. Se um usuário pressiona o "Ctrl" chave, que tem um código de acesso de 17, o navegador exibirá uma mensagem de alerta. Personalize esta mensagem, alterando o texto.
Salve o arquivo com uma extensão de ".html" e abri-lo em um navegador da web.
Digite um valor na área de texto e realçá-lo. pressione "Ctrl + C" para copiá-lo. Você verá a mensagem de alerta. Repita o processo com a caixa de texto. O código javascript irá impedi-lo de realizar operações de copiar e colar.
dicas & avisos
- Aplicar a mesma lógica a cada elemento de entrada que você deseja proteger. Incluir um valor de ID único para cada controle de entrada que deseja proteger de copiar e colar.