网站启用新域名:www.icelo.cn

MENU

博客中一些图片设置不可保存的操作!

March 21, 2020 • Read: 453 • 教程学习

首页

今天分享在一种设置博客中的图片不能保存的方法!如果你博客中存在一些想展示的图片但却不想被别人保存,你可以使用我下面得方法!达到这个目的!

网页端

使用下面代码添加在博客文章中,代码前后请使用!!! 来包裹!

禁止右键

oncontextmenu="return false"

禁止复制和剪切:

oncopy="return false;"

oncut="return false;"

禁止复制

onselectstart="return false"

禁止图片拖动

ondragstart="return false"

实例:

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">   

  

移动端

上面只是对网页端的鼠标右键屏蔽,在移动端还是能够保存,下面在图片的属性中加上:

style="pointer-events: none"

这个属性来屏蔽移动端的长按操作!

结语

前端小白,上面的方法都是度娘来的,希望能帮到大家!哈哈哈……又水完了一篇!

版权声明:文章转载请注明来源,如有侵权请联系删除!

Last Modified: August 30, 2020
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

4 Comments
  1. 老油条 老油条

    查看元素还不是能搞到地址

    1. @老油条当然可以禁用F12,以上操作仅针对小白,真正的大佬也防不住

  2. perfect

  3. gooood!#(赞一个)