2017-07-03 71 views
1

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

回答

2

我不知道,如果你能做到這一點的能力僅限CSS。與JS做到這一點,請嘗試以下代碼:

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