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

【问题标题】：Disable clickable image but enable right click context menu禁用可点击图像但启用右键单击上下文菜单
【发布时间】：2017-07-03 19:34:17
【问题描述】：

来自 reddit.com 的示例图片

图片总结了我想用 CSS（和 JS，如果需要）做的事情

基本上：

我将如何纯粹使用 CSS（我正在使用 chrome 时尚插件）以及如果需要 Javascript 来做到这一点？

目前我正在使用这个：

pointer-events: none; 在 CSS 类上

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

【问题讨论】：

我很好奇您要解决的更大的问题是什么。
onclick="return false;"（或其他一些方法来做同样的事情，例如 jquery click 事件处理程序返回 false）jsfiddle.net/65bztLnp
mkaatman 用于我的 dynalist.io 笔记。这个线程是我遇到的原始问题talk.dynalist.io/t/…

【解决方案1】：

我不确定您是否可以仅使用 CSS 来执行此操作。要使用 JS 完成此操作，请尝试以下代码：

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

【讨论】：

【解决方案2】：

使用这个：<IMG border=0 src="..." oncontextmenu="return false;">

【讨论】：