Wordpress主题交流群:565616228 进群记得看公告!

网页禁止鼠标拖动图片下载或新窗口打开

文章目录
  1. 方法一【JS遍历法】
  2. 方法二【原生标记法】

大家应该都遇到过一种情况,就是当我们在浏览一个网站时,不小心按住鼠标左键拖动了下图片,图片就自动下载到本地或者在新页面打开了,然而我们并不是需要下载这张图片或浏览大图,作为站长我们该怎么预防这种情况呢,今天我就给大家分享两种方法来解决这个问题,而且还可以借助这个功能保护我们站内图片不被盗用。

方法一【JS遍历法】

这种方法可以写到js文件中去也可以放到body标签中,可以更好的保护代码,但是呢大家都知道遍历是比较费资源的,所以呢我这里只是把方法分享给大家参考,更实用的代码可以参考代码二【原生标记法】来实现具体的功能,而且要比【JS遍历法】简单。

实现代码:

  1. <script language="javascript">
  2.         function imgdragstart(){
  3.             return false;
  4.          }
  5.         for(i in document.images)document.images[i].ondragstart=imgdragstart;
  6. </script>
代码解释:上面这段代码我们用到了for循环来查找图片,然后给添加一个ondragstart属性。

方法二【原生标记法】

如果大家应用到实际项目中,建议选择方法二,简单快捷,而且原生的方法处理更快速。

实现代码:

  1. <body ondragstart="return false">
代码解释:这种方法是给<body>标签添加一个把ondragstart属性设置为false来达到我们的目的。
来源:本文由晨星博客原创撰写,欢迎分享本文,转载请保留出处和链接!
评论广告

2条评论

  • xyz  回复

    可以可以

  • 小飞鱼  回复

    很有用 收藏了

昵称*

邮箱*

网址