如何禁用右键单击保存在一个特定的图像只

StackOverflow https://stackoverflow.com/questions/1678579

  •  16-09-2019
  •  | 
  •  

题

我运行一个亚洲的电子商务网站，用户发布他们的产品的图像。有没有一种方法来禁用右键点击只有1页？

在特定的图像

E.g。当查看的产品，有一个大的图像，然后一些产品的缩略图。当试图右键点击大图，我想禁用右键单击，但如果他们试图在缩略图上点击右键，我不希望有右键禁用的。

由于

PS - 我完全理解可用性原因，不要禁用右键单击，但版权和盗窃形象在亚洲比北美国家一个更大的问题。另外，这更是对卖方和平的头脑比实际保护的内容。

有帮助吗？

解决方案

虽然这并不符合W3C标准，oncontextmenu="return false;"作为属性应该做详细的你想要什么。

其他提示

停止人一共被徒劳的，然而，我的优选方式，至少使稍微更困难的是放置一个div在图像的顶部。

<div id="image-container" style="postion: relative;">
   <img src="" alt="" />
   <div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0"></div>
</div>

玩弄它来得到你想要的。为了使它看起来更多的语义，你可以放置在空div文本“图片版权”，然后做text-indent: -9999px就可以了。我常常想，把一个空的元素放入一些语义。

在说，我最喜欢的方式来绕过人说做这个网站（如eBay）是插件的杜克鲁克任何增强用于Firefox 。使用在图像的特技div会带我约2秒钟至旁路。

如果您想要的只是防止用户保存图像的东西，你可以做，通过使用指针事件CSS属性：

img {
  pointer-events: none;
}

从本质上那是什么要做的是阻止任何鼠标事件的img元素。你仍然会得到一个对话框，但是这是你与背景图像得到相同的。

https://developer.mozilla.org/pt- BR /文档/网络/ CSS /指针事件 HTTPS：/ /css-tricks.com/almanac/properties/p/pointer-events/

如果您在网络上发布的图像存在是为了防止有人从节约副本没有万无一失的方法。它拥有超过电线被发送到被显示，并确定用户可以像Wireshark的或小提琴手或任何浏览器调试框架，如萤火虫工具拦截它，即使你找到一个方法来禁用右键单击并拖放到桌面。

您可以非常稍难使，但努力是不值得的，恕我直言。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top