服装业网站建设的策划,简要列举网站常见类型,鄞州做网站,网站策划需要具备什么前言 pc端开发中我们经常会遇见一些页面#xff0c;会因为刷新#xff0c;渲染#xff0c;卡顿出现文字选中效果 或者一些敏感的页面我们不希望用户复制#xff0c;选中#xff0c;页面的文字信息#xff0c;比如考试#xff0c;敏感信息 其实这些也是可以通过代码控制…前言 pc端开发中我们经常会遇见一些页面会因为刷新渲染卡顿出现文字选中效果 或者一些敏感的页面我们不希望用户复制选中页面的文字信息比如考试敏感信息 其实这些也是可以通过代码控制的这样可以使项目更加安全合理。 把代码写在页面mounted就是这个页面不可以复制选中右键写在app.vue页面的mounted就是整个项目不可以选中复制选择
代码实现
this.$nextTick(() {// 禁用右键document.oncontextmenu new Function(event.returnValuefalse);// 禁用选择document.onselectstart new Function(event.returnValuefalse);//禁止f12document.onkeydown new Function(event.returnValuefalse);});// 上面的禁止f12那段代码没有生效可以使用下面的禁用f12。document.onkeydown function (e) {if (e e.keyCode 123) {e.returnValue false;return false;}}; 总结
经过这一趟流程下来相信你也对 vue-pc端禁止用户选中文字-右键-复制 有了初步的深刻印象但在实际开发中我 们遇到的情况肯定是不一样的所以我们要理解它的原理万变不离其宗。加油打工人 什么不足的地方请大家指出谢谢 -- 風过无痕