如何禁止网页里图片另保存

533 阅读1分钟

前言 本文章说明两种方法

  1. 禁止oncontextmenu 上下文菜单触发
  2. 利用遮罩层把当前的图片给覆盖掉
<!-- 第一种方法 -->

<body oncontextmenu="return false">
  
<!-- 右键事件没了~~ -->

第一种方法缺点显而易见

/*第二种方法*/
.shade{
	position:relative;
}
.shade{
	content:'';
	position:absolute;
 	top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:9999;
 }

第二种方法 显然易见 比第一种好 无法对图片进行另保存 右键功能还可以使用

这些方法顶多对不懂得人来说进行一些自我迷惑行为。。