前言
-
pc端開發(fā)中我們經(jīng)常會(huì)遇見一些頁(yè)面，會(huì)因?yàn)樗⑿?，渲染，卡頓出現(xiàn)文字選中效果
-
或者一些敏感的頁(yè)面我們不希望用戶復(fù)制，選中，頁(yè)面的文字信息，比如考試，敏感信息
-
其實(shí)這些也是可以通過代碼控制的，這樣可以使項(xiàng)目更加安全，合理。
-
把代碼寫在頁(yè)面mounted就是這個(gè)頁(yè)面不可以復(fù)制，選中，右鍵，寫在app.vue頁(yè)面的mounted就是整個(gè)項(xiàng)目不可以選中，復(fù)制，選擇
代碼實(shí)現(xiàn)
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;
? ? }
? };總結(jié)：
經(jīng)過這一趟流程下來相信你也對(duì) vue-pc端禁止用戶選中文字-右鍵-復(fù)制 有了初步的深刻印象，但在實(shí)際開發(fā)中我 們遇到的情況肯定是不一樣的，所以我們要理解它的原理，萬(wàn)變不離其宗。加油，打工人！文章來源：http://www.zghlxwxcb.cn/news/detail-670323.html
什么不足的地方請(qǐng)大家指出謝謝 -- 風(fēng)過無痕文章來源地址http://www.zghlxwxcb.cn/news/detail-670323.html
到了這里，關(guān)于vue-pc端禁止用戶選中文字-右鍵-復(fù)制的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
