禁用点击图像,但使右键快捷菜单

问题描述:

enter image description here禁用点击图像,但使右键快捷菜单

示例图片来自reddit.com

图片概括了我想要的(如果需要的话和JS)与CSS做

本质:

  • 我想要在某个网站上留下一张图片,以便让它无法点击图片URL
  • 我想有一个右键点击上下文菜单的能力,这样我就可以在需要时

我怎么会做这种纯粹的CSS(我使用铬时尚的插件),如果在新标签中打开IMAGEURL需要Javascript?

目前我用的是这样的:

pointer-events: none;上的CSS类

但这将停用有一个右键快捷菜单

+1

我很好奇,你正在试图解决的大局观问题是什么。 – mkaatman

+1

'onclick =“return false;”(或其他一些方法来做同样的事情,比如jquery点击事件处理程序返回false)https://jsfiddle.net/65bztLnp/ –

+0

mkaatman它的我的dynalist.io笔记。此线程是我有http://talk.dynalist.io/t/option-to-prevent-markdown-images-from-being-clickable/888/2的原始问题 – Kagerjay

我不知道,如果你能做到这一点的能力仅限CSS。与JS做到这一点,请尝试以下代码:

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

使用此:<IMG border=0 src="..." oncontextmenu="return false;">

演示在这里:http://www.javascripter.net/faq/rightbu2.htm