JavaScript禁止网页右击出现菜单
禁止网页右击出现菜单:网页内容,想复制,就复制不了,右击也会没效果,这样可以使得页面安全性增加。
禁止网页右击出现菜单
代码片
.
<script type="text/javascript">
//禁止网页右击出现菜单
function stops(){
return false;
}
document.oncontextmenu=stops;
</script>
禁止网页复制
代码片
.
<script language="Javascript">
//禁止网页复制
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>
别人复制时,修改复制的内容
代码片
.
<script language="Javascript">
//别人复制时,修改复制的内容
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 = 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);
});
</script>