JQUERY仅在ASP.NET网页中禁用鼠标右键单击图像以防止图像被复制

最新推荐文章于 2023-12-06 19:00:00 发布

一个普普通通的搬运工

最新推荐文章于 2023-12-06 19:00:00 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

文章标签： asp.net jquery 计算机外设

本文链接：https://blog.youkuaiyun.com/m0_50971283/article/details/130487743

JQUERY仅在ASP.NET网页中禁用鼠标右键单击图像以防止图像被复制

简介

在这篇文章中，分享两种方法来防止右键单击特定图像或所有图像，而不是使用 jQuery 的 asp.net 网页中的所有内容（文本和图像），以避免/保护图像不被访问复制

实例：

介绍了两种防止右键单击图像的方法。创建一个示例网页来演示这两种方法的概念。

禁用右键单击所有图像

第一种方法：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Disable right click on images on asp.net web page using jQuery</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
     $(function () {
            $('img').on("contextmenu", function () {
                return false;
            });
        });
</script>
</head>
<body>
    <form id="form1" runat="server">
   <div>
        <img src="http://4.bp.blogspot.com/-NJWLvd85AOg/VA3M6yIVlWI/AAAAAAAAPs4/hc6WOvAxDZ8/s1600/webcodeexpert.com%2Bbanner.png" />        <br />

        This is dummy text<br />
        This is dummy text<br />
        This is dummy text<br />
        This is dummy text<br />
        This is dummy text<br />
    </div>
    </form>
</body>
</html>

第二种方法

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Disable right click on images on asp.net web page using jQuery</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script type="text/javascript">
        $(function () {
            $('img').on("contextmenu", function (event) {
                event.preventDefault();
            });
        }); 
</script>
</head>
<body>
    <form id="form1" runat="server">
<div>
        <img src="http://4.bp.blogspot.com/-NJWLvd85AOg/VA3M6yIVlWI/AAAAAAAAPs4/hc6WOvAxDZ8/s1600/webcodeexpert.com%2Bbanner.png" />        <br />

        This is dummy text<br />
        This is dummy text<br />
        This is dummy text<br />
        This is dummy text<br />
        This is dummy text<br />
    </div>
    </form>
</body>
</html>

禁用右键单击特定图像

如果只想禁用对特定图像的右键单击，那么需要将id分配给img标签，如下所示：

<img id="myImg" src="http://4.bp.blogspot.com/-NJWLvd85AOg/VA3M6yIVlWI/AAAAAAAAPs4/hc6WOvAxDZ8/s1600/webcodeexpert.com%2Bbanner.png" />

然后我们可以通过将上面提到的 jquery 函数更改为以下来禁用右键单击此特定图像

 <script type="text/javascript">
     $(function () {
            $('#myImg').on("contextmenu", function () {
                return false;
            });
        });

</script>