prefacio
-
A menudo nos encontramos con algunas páginas en el desarrollo del lado de la PC y aparecerán efectos de selección de texto debido a la actualización, renderización y congelación.
-
O algunas páginas confidenciales no queremos que los usuarios copie, seleccione, envíe información de texto en la página, como exámenes, información confidencial
-
De hecho, estos también se pueden controlar mediante código, lo que puede hacer que el proyecto sea más seguro y razonable.
-
Escribir el código en la página montada significa que esta página no se puede copiar, selecciónela, haga clic derecho y escriba la página montada en la página app.vue significa que no se puede seleccionar, copiar y seleccionar todo el proyecto
Código
this.$nextTick(() => {
// 禁用右键
document.oncontextmenu = new Function("event.returnValue=false");
// 禁用选择
document.onselectstart = new Function("event.returnValue=false");
//禁止f12
document.onkeydown = new Function("event.returnValue=false");
});
// 上面的禁止f12那段代码没有生效,可以使用下面的禁用f12。
document.onkeydown = function (e) {
if (e && e.keyCode === 123) {
e.returnValue = false;
return false;
}
};
Resumir:
Después de este proceso, creo que también tiene una impresión profunda preliminar sobre la prohibición de que los usuarios seleccionen copiar texto con clic derecho en el lado de vue-pc, pero la situación que encontramos en el desarrollo real es definitivamente diferente, por lo que debemos Entiéndelo. El principio es siempre el mismo. ¡Vamos, golpea a los trabajadores!
Por favor señale cualquier deficiencia, gracias -- Fengguowuhen