欢迎访问晨星博客!

  • 当前位置: 首页 Web前端 正文

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

    文章目录
    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来达到我们的目的。

    声明:原创文章请勿转载,如需转载请注明出处!

    • 共 3 条评论

    请登陆后再发表您的观点吧!

    最新评论

    1. 陈卫东新号码18560873351

      好用,试过了

    2. 小飞鱼

      很有用 收藏了

    3. xyz

      可以可以

    账号登陆

    快捷登陆