禁止浏览器拖动图片进行下载

最新推荐文章于 2022-08-02 10:32:58 发布

ch_scofield

最新推荐文章于 2022-08-02 10:32:58 发布

阅读量3.7k

点赞数

分类专栏： javascript 文章标签：浏览器 function xhtml class html null

本文链接：https://blog.csdn.net/ch_scofield/article/details/5669988

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>禁止鼠标拖动图片</title>

    <style type="text/css">

        /*禁止选择内容(FF)*/

        .notselect{-moz-user-select:none;}

    </style>

    <script type="text/javascript">

        //禁止选择内容(IE)

        document.onselectstart = function() { return false; }

        //如果是移动事件则禁用

        document.onmousemove = function(e){return false;}

        //如果点击的是图片者禁用,如果使用了禁止移动事件的话，下面这个句已经不太重要，

        document.onmousedown = function(e)

        {

            if (e != null)

            {

                if (e.explicitOriginalTarget.localName == "img")

                {

                    return false;

                }

            } else

            {

                if (event.srcElement.tagName == "IMG")

                {

                    return false;

                }

            }

        }

    </script>

</head>

<body class="notselect">

    禁止鼠标拖动图片，你可以试试！！！来源：http://www.exfsoft.com

    <img src="http://www.exfsoft.com/Templates/Default/img/12530.jpg" οnmοusedοwn="return false;" />

</body>

</html>