禁用點擊在標籤下的img標籤

Question

我有一個img標籤下的錨標籤，我不想點擊img標籤，我試過禁用的屬性，它似乎沒有img標籤的這種屬性。請讓我知道如何禁用點擊img。

代碼：

<a href="google.com"><img src="sample.png"></img></a> 

三江源

Answer 1

爲了阻止默認的行爲，我們可以使用event.preventDefault（）事件的方法。舊版瀏覽器（即7及以下版本）不支持此方法，因此我們必須使用onclick =「return false;」

注：

我加了簡單的文字與鏈接，以展示圖片點擊被禁止，但，當我們單擊該文本，錨點擊被激活。

function onimgclick(event) { 
    if(event.preventDefault) 
     event.preventDefault(); 
    else { 
     return false; 
    } 
} 

和HTML標記應該是

<a href="google.com"><img onclick="return onimgclick(event)" src="sample.png"></img> HI</a> 

Answer 2

使用CSS，你可以使用pointer-events屬性：

img { 
    pointer-events: none; 
    cursor: default; 
} 

您可以檢查該物業here瀏覽器的支持。

btw，<img></img>無效的HTML標記。您需要使用<img />

Fiddle Demo

Answer 3

檢查這個問題，是不是你想要的東西嗎？ Disable link using css

所以你的代碼會...

<a href="google.com" style="pointer-events: none; cursor: default;"> 
    <img src="sample.png" /> 
</a> 

順便說一句，在HTML img標籤沒有結束標籤。 http://www.w3schools.com/TAGS/tag_img.asp