Question

我正在开发网站开发我想要从我的网站禁用保存图像，所以我想禁用保存图像和查看图像选项请任何人帮助我。我想禁用特定选项。

Answer 1

您可以尝试使用CSS将div元素作为背景显示为背景，如：

background-image: url('images/some_image.png');

而不是使用img标签。这样，用户就无法在上下文菜单中获得通常的保存图像选项。

Answer 2

尝试使用contextmenu eventlistener：

<html>
<head>
<script type="text/javascript">
(function(){
var ImageId = document.getElementById("image");
    if (ImageId.addEventListener) {
        ImageId.addEventListener('contextmenu', function(e) {
            alert("You've tried to open context menu"); //here you draw your own menu
            e.preventDefault();
        }, false);
    } else {
        ImageId.attachEvent('oncontextmenu', function() {
            alert("You've tried to open context menu");
            window.event.returnValue = false;
        });
    }
})()
</script>
</head>
<body>
<img id="image" src="" />
</body>
</html>

制作自定义ContextMenu

查看本教程，了解如何创建自定义上下文菜单：

http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm

覆盖图像右键单击的上下文菜单

2 个答案: