禁用可点击图片但启用右键上下文菜单

时间:2017-07-03 19:34:18

标签: javascript jquery html css image

enter image description here

来自reddit.com的示例图片

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

本质:

  • 我希望某个网站上的图片可以保留为其imageURL
  • 我希望能够拥有一个可右键单击的上下文菜单,以便我可以在需要时在新标签中打开该imageURL

我如何纯粹使用CSS(使用chrome时尚插件)以及是否需要Javascript?

目前我正在使用它:

CSS类上的

pointer-events: none;

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

2 个答案:

答案 0 :(得分:2)

我不确定你是否只能使用CSS。要使用JS实现此目的,请尝试以下代码:

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

答案 1 :(得分:0)

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

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