javascript - 禁用可点击图像但启用右键单击上下文菜单

Question

来自 reddit.com 的示例图片

图片总结了我想用 CSS(如果需要的话还有 JS)做什么

本质上:

• 我想在某些网站上放置一张图片，使其无法点击其 imageURL
• 我希望能够有一个可右键单击的上下文菜单，以便我可以在需要时在新选项卡中打开该 imageURL

我如何纯粹使用 CSS(我使用的是 chrome 时尚插件)以及如果需要 Javascript 来做到这一点？

目前我正在使用这个:

pointer-events: none; 在 CSS 类上

但这会禁用右键单击上下文菜单的功能

Answer 1

我不确定您是否可以只使用 CSS 来做到这一点。要使用 JS 完成此操作，请尝试以下代码:

<a href="#link" onclick="event.preventDefault();">
    <img src="img.jpg"/>
</a>