java|网页复制不了（右击不了？大威天龙！Java锋哥来出招！） java|java

大家好，我是曹尼玛；

文章图片

最近几年，粉丝经常跟我反应说有些网页内容不错，想复制，却复制不了，很郁闷，右击也没效果；

文章图片

还有的网站良心点，内容能复制，但是复制的内容，最后会多出一段文字信息，比如版权所属信息；心烦；

文章图片

还有两种变态的，第一种复制的内容包括代码，样式居然没了，那岂不是要把人逼疯吗。

文章图片

还有一种更变态的是，复制内容，每行的最后，莫名其妙的会多出一些乱码字符；这个就更操蛋了。想去掉的话，还得一行一行处理，好麻烦；

文章图片

呵呵~~~
hehe~~
he~

文章图片

这些雕虫小技~

文章图片

竟敢在程序员面前班门弄斧大威天龙,世尊地藏,般若诸佛,般若巴麻空

文章图片

看科班程序员出生的锋哥如何干掉你

文章图片

遇到问题，我们第一步，根据专业知识，透过现象看本质，根据所学知识，所有的网页展示效果只能是前端的Js和Css来控制和显示的；

文章图片

所有我们会Js的话，就知道Js是可以禁止网页右击出现菜单

="text/javascript"> function stops(){return false; } document.oncontextmenu=stops;

也可以禁止网页复制：

="Javascript"> document.oncontextmenu=new Function("event.returnValue=https://www.it610.com/article/false"); document.onselectstart=new Function("event.returnValue=https://www.it610.com/article/false");

甚至可以修改复制的内容；

const btn = document.querySelector("#btn"); btn.addEventListener("click", function() {// 创建一个input框 const input = document.createElement("input"); // 设置 input框内容 input.setAttribute("value", "copy content"); // 添加到body元素中 document.body.appendChild(input); // 将新添加进去的input元素进行选中 input.select(); // 为input添加监听事件方便对剪贴板内容进行二次修改 input.addEventListener("copy", function(event) {// 使用ClipboardApi来设置剪贴板里的内容 var clipboardData = https://www.it610.com/article/event.clipboardData || window.clipboardData; if (!clipboardData) {return; } var text = window.getSelection().toString(); if (text) {event.preventDefault(); clipboardData.setData("text/plain", text + "\n\n 我是添加进来的内容"); } }); // 执行复制操作 if (document.execCommand("copy")) {console.log("复制成功"); } else {console.log("复制失败"); }// document.execCommand('copy') 如果内容复制的不全 // document.execCommand('copy')前先进行document.execCommand('selectAll')选中所有内容即可// 移除input框 document.body.removeChild(input); });

知道问题根本，如何破解呢？