欢迎访问晨星博客！

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

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

    |
    评论 4 条
    JavaScript
    文章目录
    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来达到我们的目的。

    声明：原创文章请勿转载，如需转载请注明出处！

    上一篇
    下一篇
    • 您可能喜欢得内容：
    • 共 4 条评论

    默认头像游客
    请登陆后再发表您的观点吧！

    最新评论

    账号登陆

    快捷登陆
    热搜词